body{background:linear-gradient(to bottom right,#e3f2fd,#90caf9);font-family:Inter,sans-serif;text-align:center;color:#374151}.h1{font-size:2.2em}.h1,.h2{font-weight:700}.h2{font-size:1.6em}.h3{font-size:1.2em;font-weight:700}.container{max-width:800px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;transition:transform .2s;text-align:center}.card:hover{transform:scale(1.02);background:#96c4f4}.button{display:inline-block;padding:3px 10px;border-radius:5px;background:hwb(211 47% 7%);color:#fff;text-align:center;font-weight:700;cursor:pointer;transition:background .3s;font-size:1em}.button:hover{background:#0056b3}.selected{background-color:#186bde;border:2px solid #000}.dropdown{position:relative;display:inline-block;padding:3px 10px;border-radius:5px;background:hwb(211 47% 7%);color:#fff;font-size:1em}.dropdown,.dropdown-content{text-align:center;font-weight:700}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;font-size:.8em}.question{font-size:1.2em;font-weight:700}.input{padding:7px;margin:10px;border-radius:5px;border:1px solid #ccc;width:400px}.textarea{padding:10px;margin:5px;border-radius:15px;border:2px solid #1e6bcf;width:500px;height:200px}textarea::-webkit-scrollbar{width:10px}textarea::-webkit-scrollbar-track{background:#90caf9;border-radius:10px}textarea::-webkit-scrollbar-thumb{background:#1e6bcf;border-radius:15px}textarea::-webkit-scrollbar-thumb:hover{background:#555}.textarea:focus{border-color:#0056b3;box-shadow:0 0 5px rgba(0,86,179,.5);outline:none}@media (max-width:600px){.container{padding:10px}.input,.textarea{width:90%;max-width:none;font-size:16px}.button{width:100%;padding:10px;font-size:1.2em}.h1{font-size:1.8em}.h2{font-size:1.4em}.h3{font-size:1em}}