@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#2563eb;--bg-survey:#f0f4f8;--text-main:#0f172a;--text-muted:#64748b;--white:#fff}body{background-color:var(--bg-survey);color:var(--text-main);margin:0;padding:0;font-family:Outfit,-apple-system,sans-serif;line-height:1.6}.survey-container{justify-content:center;min-height:100vh;padding:80px 20px;display:flex}.unselectable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.unselectable img{pointer-events:none}.survey-header-accent{background:var(--primary);z-index:10;height:10px;position:absolute;top:0;left:0;right:0}.survey-content{background:var(--white);border-radius:40px;width:100%;max-width:850px;padding:60px;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0000001a}.main-header{text-align:center;margin-bottom:60px}.header-badge{color:var(--primary);letter-spacing:.05em;background:#eff6ff;border-radius:10px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:800;display:inline-block}.main-header h1{letter-spacing:-.02em;margin:0 0 15px;font-size:3rem;font-weight:900}.subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.section-card{margin-bottom:60px}.card-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.15em;margin-bottom:15px;font-size:.75rem;font-weight:900}.section-card h3{color:var(--text-main);margin-bottom:35px;font-size:2rem;font-weight:800}.form-group{flex:1;margin-bottom:25px}.form-group label{color:var(--text-main);margin-bottom:10px;font-size:1rem;font-weight:700;display:block}.form-group input,.form-group select{box-sizing:border-box;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;width:100%;padding:18px 22px;font-family:inherit;font-size:1.1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 10px 20px -10px #2563eb1a}.form-row{gap:20px;display:flex}.q-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:50px;padding:30px}.q-label-row{gap:20px;margin-bottom:30px;display:flex}.q-num{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:800;display:flex}.q-text{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:800;line-height:1.4}.req-star{color:#ef4444;margin-left:5px}.options-stack{flex-direction:column;gap:12px;display:flex}.opt-card{cursor:pointer;background:#fff;border:2px solid #f1f5f9;border-radius:18px;align-items:center;gap:20px;padding:20px 25px;transition:all .2s;display:flex}.opt-card:hover{border-color:#e2e8f0;transform:translate(5px)}.opt-card.active{border-color:var(--primary);background:#eff6ff;box-shadow:0 10px 20px -10px #2563eb33}.opt-radio{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.opt-radio.square{border-radius:6px}.opt-card.active .opt-radio{border-color:var(--primary);background:var(--primary)}.inner-dot{opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:all .2s;transform:scale(.5)}.opt-card.active .inner-dot{opacity:1;transform:scale(1)}.text-response-area textarea,.text-response-area .short-input{box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:18px;width:100%;padding:22px;font-family:inherit;font-size:1.15rem}.text-response-area textarea{resize:vertical;min-height:160px}.survey-footer{text-align:center;margin-top:60px}.btn-submit{color:#fff;cursor:pointer;background:#cbd5e1;border:none;border-radius:25px;width:100%;padding:25px;font-size:1.4rem;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-submit.valid{background:var(--primary);box-shadow:0 25px 50px -12px #2563eb80}.btn-submit.valid:hover{filter:brightness(1.1);transform:translateY(-5px)}.loading-screen{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:5px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-screen,.limit-screen{text-align:center;flex-direction:column;align-items:center;display:flex;padding:100px 40px!important}.success-screen h1,.limit-screen h1{margin-bottom:15px;font-size:2.5rem;font-weight:900}.success-screen p,.limit-screen p{color:var(--text-muted);margin-bottom:40px;font-size:1.2rem}.btn-back{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:15px 40px;font-weight:800;transition:all .2s}.btn-back:hover{border-color:var(--primary);color:var(--primary);background:#f8fafc}@media (width<=768px){.survey-container{padding:0}.survey-content{border-radius:0;padding:40px 25px}.main-header h1{font-size:2.2rem}.form-row{flex-direction:column;gap:0}.q-text{font-size:1.2rem}.opt-card{padding:15px 20px}}