*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,sans-serif;color:#293264;background-color:#f5f7fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ctext x='15' y='45' font-size='28' fill='%23293264' opacity='0.08' transform='rotate(-15,15,45)'%3E%E2%99%AA%3C/text%3E%3Ctext x='110' y='95' font-size='22' fill='%23293264' opacity='0.07' transform='rotate(12,110,95)'%3E%E2%99%AB%3C/text%3E%3Ctext x='55' y='155' font-size='24' fill='%23293264' opacity='0.08' transform='rotate(-8,55,155)'%3E%E2%99%A9%3C/text%3E%3Ctext x='155' y='175' font-size='18' fill='%23293264' opacity='0.07' transform='rotate(22,155,175)'%3E%E2%99%AA%3C/text%3E%3Ctext x='165' y='45' font-size='20' fill='%23293264' opacity='0.08' transform='rotate(-18,165,45)'%3E%E2%99%AC%3C/text%3E%3Ctext x='5' y='120' font-size='26' fill='%23293264' opacity='0.07' transform='rotate(-5,5,120)'%3E%E2%99%A9%3C/text%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;animation:noteDrift 40s linear infinite}@media(prefers-reduced-motion:reduce){body{animation:none}}@keyframes noteDrift{0%{background-position:0 0}to{background-position:200px 200px}}h1,h2,h3,h4,h5,h6{font-family:Karla,sans-serif;margin:0}p{margin:0}main{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{width:80%;max-width:768px;margin:0 auto}.start-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}form{display:flex;flex-direction:column;align-items:center}form .question{border-bottom:1px solid grey;padding:2em;width:100%}form .answers{display:flex;flex-wrap:wrap;gap:.5em;padding-top:1em}form label{display:inline-block;padding:.5em 1em;cursor:pointer;border:2px solid #293264;border-radius:8px;background-color:#f5f7fb;color:#293264;font-weight:400;transition:background-color .3s,color .3s,border-color .3s}form input[type=radio]{position:absolute;opacity:0;z-index:-1}form input[type=radio]:checked+label{background-color:#d6dbf5}form label:hover{background-color:#d6dbf5}form input[type=radio]:focus+label{outline:2px solid #D6DBF5;outline-offset:2px}button{background-color:#293264;color:#fff;padding:1em 2em;border-radius:8px}.btn{margin:2em}