@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";
:root{--bg-primary:#0a0d14;--bg-secondary:#111622;--bg-card:#131926bf;--bg-card-hover:#1c2436d9;--bg-card-solid:#131926;--border-subtle:#ffffff14;--border-focus:#6366f1;--border-highlight:#6366f159;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--accent-cyan-gradient:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-glow:0 0 35px -5px #6366f140;--shadow-card:0 10px 30px -10px #00000080;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 15%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 85% 25%,#a855f71a 0%,#0000 45%),radial-gradient(circle at 50% 85%,#06b6d414 0%,#0000 50%);width:100vw;height:100vh;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-weight:700}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-cyan-gradient{background:var(--accent-cyan-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-highlight);background:var(--bg-card-hover);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 45px -2px #6366f166}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-success{color:#fff;background:#059669}.btn-success:hover{background:#10b981}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);padding:16px 36px;font-size:1.1rem}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.badge-success{background:var(--success-bg);color:#34d399;border:1px solid #10b9814d}.badge-warning{background:var(--warning-bg);color:#fbbf24;border:1px solid #f59e0b4d}.header-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#0a0d14d9;padding:16px 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.brand-logo{font-family:var(--font-display);align-items:center;gap:12px;font-size:1.35rem;font-weight:700;display:flex}.brand-icon{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.question-option-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;align-items:center;gap:16px;margin-bottom:12px;padding:16px 20px;transition:all .2s;display:flex}.question-option-card:hover{background:#ffffff12;border-color:#6366f166}.question-option-card.selected{border-color:var(--accent-primary);background:#6366f126;box-shadow:0 0 20px -3px #6366f14d}.option-radio{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.question-option-card.selected .option-radio{border-color:var(--accent-primary)}.question-option-card.selected .option-radio:after{content:"";background:var(--accent-primary);border-radius:50%;width:10px;height:10px}.alignment-bar-bg{border-radius:var(--radius-full);background:#ffffff1a;width:100%;height:10px;margin-top:8px;overflow:hidden}.alignment-bar-fill{border-radius:var(--radius-full);background:var(--accent-gradient);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.animate-glow{animation:4s ease-in-out infinite pulseGlow}.scroll-x-touch{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-x-touch::-webkit-scrollbar{display:none}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.desktop-only{display:flex!important}.mobile-only,.mobile-only-flex{display:none!important}.mobile-drawer{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#0a0d14f7;width:100%;animation:.22s cubic-bezier(.16,1,.3,1) slideDrawer;position:absolute;top:100%;left:0;box-shadow:0 24px 48px -12px #000000d9}@keyframes slideDrawer{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.container{padding:0 16px}.section{padding:36px 0}.glass-card{border-radius:14px!important;padding:20px 16px!important}.btn-lg{width:100%!important;padding:13px 20px!important;font-size:1rem!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important;gap:12px!important}input,select,textarea{font-size:16px!important}.question-option-card{gap:12px;padding:14px 16px}}@media (max-width:480px){.brand-logo span{font-size:1.15rem}.badge{padding:3px 10px;font-size:.72rem}}