@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#09090b;--bg-secondary:#121215;--bg-tertiary:#18181c;--bg-glow:#6366f108;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#52525b;--text-inverse:#09090b;--color-primary:#7c3aed;--color-primary-rgb:124, 58, 237;--color-secondary:#a855f7;--color-secondary-rgb:168, 85, 247;--color-success:#10b981;--color-success-rgb:16, 185, 129;--border-color:#27272a;--border-color-hover:#3f3f46;--border-focus:#6366f1;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--container-max-width:1200px;--section-padding:5rem 1.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0006;--shadow-glow:0 0 50px -12px #6366f11f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-size:16px}body{font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0,#7c3aed14 0%,#0000 800px),radial-gradient(circle at 100% 200px,#a855f708 0%,#0000 600px),radial-gradient(circle at 10% 500px,#7c3aed05 0%,#0000 600px),linear-gradient(#ffffff01 1px,#0000 1px),linear-gradient(90deg,#ffffff01 1px,#0000 1px);background-position:top;background-size:100% 100%,100% 100%,100% 100%,50px 50px,50px 50px;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);font-weight:700;line-height:1.15}p{color:var(--text-secondary);line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-secondary)}.container{max-width:var(--container-max-width);width:100%;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.grid{display:grid}button,.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.925rem;font-weight:500;display:inline-flex}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:border-color var(--transition-normal);background:#121215a6;padding:2rem}.white-survey-card{color:#0f172a;width:100%;transition:all var(--transition-fast);background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:2.25rem 1.75rem;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 40px -10px #7c3aed0d}.white-survey-card h3{font-family:var(--font-sans);margin-bottom:.5rem;font-size:1.375rem;font-weight:700;line-height:1.35;color:#0f172a!important}.white-survey-card p{font-size:.95rem;color:#475569!important}.white-option-card{text-align:left;color:#1e293b;cursor:pointer;width:100%;min-height:56px;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;align-items:center;gap:1rem;padding:14px 20px;font-size:1.05rem;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.white-option-card:hover{background:#f8fafc;border-color:#94a3b8}.white-option-card:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed40}.white-option-card.selected{transform:translateY(-2px);box-shadow:0 6px 16px -4px #7c3aed26,0 0 12px #7c3aed1a;border-color:var(--color-primary)!important;color:#0f172a!important;background:#7c3aed0a!important}.white-option-card:active{transform:scale(.98)translateY(0)}.white-checkbox{width:20px;height:20px;transition:all var(--transition-fast);background:#fff;border:2px solid #94a3b8;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.white-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.white-radio-dot{background:#fff;border:2px solid #94a3b8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.white-radio-dot.checked{border-color:var(--color-primary)}.white-radio-dot-inner{background:var(--color-primary);border-radius:50%;width:10px;height:10px}.white-card-input,.white-card-textarea{border-radius:var(--radius-md);color:#0f172a;width:100%;font-family:var(--font-sans);transition:all var(--transition-fast);background:#f8fafc;border:1.5px solid #cbd5e1;outline:none;padding:.95rem 1.125rem;font-size:1rem;line-height:1.5}.white-card-input:focus,.white-card-textarea:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #7c3aed26}.white-survey-actions{z-index:30;background:#fff;justify-content:space-between;gap:.875rem;margin-top:2rem;display:flex}@media (width<=600px){.white-survey-card{padding-bottom:5.75rem}.white-survey-actions{width:100%;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom,12px)) 1.5rem;-webkit-backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #f1f5f9;margin-top:0;position:fixed;bottom:0;left:0;box-shadow:0 -8px 24px #0000000a}}.btn-white-purple{background:linear-gradient(135deg, var(--color-primary), #6d28d9);color:#fff;border:1px solid var(--color-primary);width:100%;height:56px;padding:.95rem 1.5rem;font-size:1.05rem;font-weight:600;box-shadow:0 6px 20px #7c3aed4d}.btn-white-purple:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9;box-shadow:0 8px 24px #7c3aed66}.btn-white-purple:active:not(:disabled){transform:scale(.98)}.btn-white-purple:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#cbd5e1;border-color:#cbd5e1}.btn-white-secondary{color:#475569;background:#fff;border:1.5px solid #cbd5e1;height:56px;padding:.95rem 1.5rem;font-size:1rem;font-weight:500}.btn-white-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-white-secondary:active:not(:disabled){transform:scale(.98)}.modern-progress-track{background-color:#f1f5f9;border-radius:4px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.modern-progress-fill{background:linear-gradient(90deg, var(--color-primary), #9333ea);border-radius:4px;height:100%;transition:width .2s ease-in-out;box-shadow:0 0 8px #7c3aed80}.gradient-text{background:linear-gradient(135deg, var(--text-primary) 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.purple-glow-text{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}code,pre{font-family:var(--font-mono);font-size:.85rem}.success-checkmark-light{width:64px;height:64px;margin:0 auto 1.5rem}.success-checkmark-light circle{stroke:var(--color-success);stroke-width:2.5px;stroke-linecap:round;fill:none;stroke-dasharray:157;stroke-dashoffset:157px;animation:.6s cubic-bezier(.4,0,.2,1) forwards drawCheck}.success-checkmark-light path{stroke:var(--color-success);stroke-width:3.5px;stroke-linecap:round;fill:none;stroke-dasharray:48;stroke-dashoffset:48px;animation:.4s cubic-bezier(.4,0,.2,1) .4s forwards drawCheck}@keyframes drawCheck{to{stroke-dashoffset:0}}.slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}