.survey{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 100%);padding:0 24px}.survey__header{padding:32px 0 24px;text-align:center}.survey__logo-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.survey__logo-link:hover{color:inherit}.survey__logo-img{height:37px;width:auto}.survey__logo-text{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;letter-spacing:.04em}.survey__logo-word--light{color:var(--color-text)}.survey__logo-word--accent{color:var(--color-accent)}.survey__progress{width:100%;max-width:560px;margin-bottom:48px}.survey__progress-track{width:100%;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.survey__progress-bar{height:100%;width:20%;background:var(--color-primary);border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #00a8ff4d}.survey__progress-label{display:block;text-align:center;font-family:var(--font-heading);font-size:.78rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:10px}.survey__viewport{width:100%;max-width:560px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow:hidden}.survey__slide{width:100%;text-align:center}.survey__slide--enter-forward{animation:slide-in-right .4s cubic-bezier(.16,1,.3,1) forwards}.survey__slide--exit-forward{animation:slide-out-left .25s ease-in forwards}.survey__slide--enter-back{animation:slide-in-left .4s cubic-bezier(.16,1,.3,1) forwards}.survey__slide--exit-back{animation:slide-out-right .25s ease-in forwards}.survey__slide--enter-fade{animation:fade-in .5s ease forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.survey__question{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;color:var(--color-text-heading);margin-bottom:40px;line-height:1.25}.survey__options{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.survey__options[data-option-count="3"]{grid-template-columns:1fr;max-width:400px;margin:0 auto}.survey-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;background:#0d0d24a6;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);color:var(--color-text);text-align:center;-webkit-appearance:none;appearance:none;outline:none;width:100%}.survey-option:hover{border-color:#00a8ff4d;box-shadow:var(--shadow-card-hover),0 0 20px #00a8ff1a;transform:translateY(-2px)}.survey-option:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px #00a8ff4d,var(--shadow-card)}.survey-option--selected{border-color:#00e67666;background:#00e6760f;box-shadow:var(--shadow-card-hover),0 0 20px #00e67626}.survey-option{opacity:0;transform:translateY(12px);animation:option-appear .35s ease forwards}@keyframes option-appear{to{opacity:1;transform:translateY(0)}}.survey-option__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#00a8ff1a}.survey-option--selected .survey-option__icon{background:#00e6761a}.survey-option--selected .survey-option__icon .lucide-icon{stroke:#00e676}.survey-option__label{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-text-heading);line-height:1.3}.survey-option__sublabel{font-family:var(--font-body);font-size:.78rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.02em}.survey__back{position:fixed;bottom:32px;left:32px;display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#0d0d24cc;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-heading);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.survey__back:hover{border-color:var(--color-border-hover);color:var(--color-text)}.survey__result{padding:20px 0 60px}.survey__result-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin:0 auto 28px}.survey__result-headline{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--color-text-heading);margin-bottom:16px}.survey__result-text{font-size:1rem;line-height:1.7;color:var(--color-text);max-width:420px;margin:0 auto 32px}.survey__result-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.survey__result-micro{font-size:.82rem;color:var(--color-text-muted);margin:16px auto 0;max-width:380px}.survey__discord-link{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px auto 0;padding:8px 16px;font-family:var(--font-body);font-size:.82rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.survey__discord-link:hover{color:var(--color-text)}.survey__restart{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:8px 16px;background:transparent;border:none;font-family:var(--font-body);font-size:.82rem;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.survey__restart:hover{color:var(--color-text)}@media(max-width:768px){.survey__question{margin-bottom:32px}.survey__options{grid-template-columns:1fr}.survey__progress{margin-bottom:36px}}@media(max-width:480px){.survey{padding:0 16px}.survey__header{padding:24px 0 16px}.survey__progress{margin-bottom:28px}.survey-option{padding:22px 16px}.survey__back{bottom:20px;left:16px;padding:8px 16px;font-size:.8rem}.survey__result-cta .btn{width:100%;justify-content:center}}