*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #12121a;--bg3: #1a1a26;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .14);--accent: #6366f1;--accent2: #8b5cf6;--accent3: #06b6d4;--text: #f1f5f9;--muted: #94a3b8;--muted2: #64748b;--card: rgba(255, 255, 255, .04);--success: #10b981;--error: #ef4444;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(99,102,241,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(139,92,246,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(6,182,212,.06) 0%,transparent 60%)}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border);background:#0a0a0fd9;backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--text);text-decoration:none}.logo-icon{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:.8rem}.nav-badge{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent3);border:1px solid rgba(6,182,212,.3);padding:.25rem .6rem;border-radius:20px;background:#06b6d414}.page-wrapper{position:relative;z-index:1;min-height:100vh;padding-top:80px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:var(--radius);padding:.8rem 1.5rem;font-family:var(--font);font-size:.92rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s;line-height:1}.btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1.4rem;font-family:var(--font);font-size:.92rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s;line-height:1}.btn-secondary:hover:not(:disabled){border-color:var(--border2);color:var(--text)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;color:var(--text);font-family:var(--font);font-size:.95rem;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted2)}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.option-card{display:flex;align-items:center;gap:.75rem;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem;cursor:pointer;transition:border-color .15s,background .15s;font-size:.92rem;font-weight:500;color:var(--text);width:100%;text-align:left}.option-card:hover{border-color:#6366f166;background:#6366f10d}.option-card.selected{border-color:var(--accent);background:#6366f11f}.option-card input[type=radio],.option-card input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;cursor:pointer}footer{position:relative;z-index:1;text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border);color:var(--muted2);font-size:.8rem}@media (max-width: 520px){.nav{padding:1rem 1.25rem}}
