*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 0 0,#f5c77b14,#0000 35%),radial-gradient(circle at 100% 100%,#f5c77b0d,#0000 40%),#0f1015;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font-family:inherit}.survey-page{min-height:100vh;padding:40px 16px}.survey-shell{max-width:980px;margin:0 auto}.survey-language{justify-content:center;gap:10px;margin-bottom:26px;display:flex}.survey-language button{color:#ffffffbf;cursor:pointer;letter-spacing:.08em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:10px 18px;font-size:.82rem;font-weight:800;transition:all .25s}.survey-language button:hover{border-color:#f5c77b66}.survey-language button.active{color:#111;background:#f5c77b;border-color:#f5c77b}.survey-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff0f;border-radius:36px;padding:50px;box-shadow:0 30px 80px #00000059,0 0 60px #f5c77b0a}.survey-header{text-align:center;margin-bottom:42px}.survey-header span,.survey-state span{color:#f5c77b;text-transform:uppercase;letter-spacing:.22em;margin-bottom:16px;font-size:.74rem;font-weight:900;display:inline-block}.survey-header h1,.survey-state h1{letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5vw,4.6rem);line-height:.95}.survey-header p,.survey-state p{color:#ffffffa6;max-width:760px;margin:22px auto 0;font-size:1.05rem;line-height:1.8}.lesson-pill{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;align-items:center;gap:6px;margin-bottom:36px;padding:22px;display:flex}.lesson-pill span{color:#ffffff73;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.lesson-pill strong{color:#f5c77b;font-size:1.15rem}.survey-form{flex-direction:column;gap:42px;display:flex}.survey-section h3{color:#fff;margin:0 0 18px;font-size:1.35rem;font-weight:800}.option-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.option-card{color:#fff;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff14;border-radius:22px;min-height:92px;padding:20px;transition:all .25s;position:relative}.option-card:hover{border-color:#f5c77b66;transform:translateY(-2px)}.option-card.active{background:#f5c77b14;border-color:#f5c77b;box-shadow:0 0 0 1px #f5c77b,0 10px 25px #f5c77b26}.option-card span{font-size:.96rem;line-height:1.45;display:block}.option-stars{color:#f5c77b;margin-bottom:8px;font-size:1rem;display:block}textarea{resize:vertical;color:#fff;background:#ffffff06;border:1px solid #ffffff14;border-radius:22px;width:100%;min-height:140px;padding:18px;font-size:.95rem;transition:all .25s}textarea:focus{border-color:#f5c77b80;outline:none;box-shadow:0 0 0 1px #f5c77b66}textarea::placeholder{color:#ffffff59}.privilege-box{background:radial-gradient(circle at 100% 0,#f5c77b1f,#0000 35%),#ffffff06;border:1px solid #f5c77b1f;border-radius:28px;padding:30px}.privilege-box span{color:#f5c77b;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px;font-size:.78rem;font-weight:900;display:block}.privilege-box h3{margin-bottom:20px}.privilege-options{grid-template-columns:repeat(3,1fr)}.submit-button{cursor:pointer;color:#111;background:linear-gradient(135deg,#f7d995,#f5c77b);border:0;border-radius:999px;height:62px;font-size:1rem;font-weight:900;transition:all .25s;box-shadow:0 18px 40px #f5c77b33}.submit-button:hover{transform:translateY(-2px)}.submit-button:disabled{opacity:.7;cursor:wait}.survey-state{text-align:center;padding:60px 20px}.survey-state a{color:#111;background:#f5c77b;border-radius:999px;margin-top:26px;padding:14px 24px;font-weight:800;text-decoration:none;display:inline-flex}@media (width<=900px){.survey-card{padding:36px}.option-grid,.privilege-options{grid-template-columns:1fr}}@media (width<=640px){.survey-page{padding:20px 12px}.survey-card{border-radius:26px;padding:24px}.survey-language{flex-wrap:wrap}.survey-header h1,.survey-state h1{font-size:2.4rem}.survey-header p,.survey-state p{font-size:.95rem}.survey-section h3{font-size:1.15rem}.option-card{min-height:auto;padding:18px}.privilege-box{padding:22px}}
