*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}img,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:root{--bg-base:#fff;--bg-surface:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--bg-elevated:#fff;--bg-input:#fff;--border-subtle:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-cyan:#06b6d459;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-faint:#cbd5e1;--nav-bg:#ffffffe0;--nav-border:#e2e8f0;--indigo:#6366f1;--indigo-hover:#4f46e5;--indigo-soft:#eef2ff;--cyan:#06b6d4;--cyan-dim:#06b6d41f;--cyan-mid:#06b6d440;--cyan-glow:0 0 35px #06b6d433;--purple:#7c3aed;--purple-dim:#7c3aed1f;--emerald:#10b981;--emerald-dim:#10b9811f;--emerald-border:#10b9814d;--red:#ef4444;--red-dim:#ef44441f;--red-border:#ef44444d;--amber:#f59e0b;--amber-dim:#f59e0b26;--gradient-cta:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--gradient-cta2:linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--gradient-stripe-active:linear-gradient(90deg, #6366f1, #06b6d4);--gradient-stripe-expired:linear-gradient(90deg, #ef4444, #f97316);--shadow-sm:0 2px 6px #0f172a0a;--shadow-md:0 6px 18px #0f172a0f;--shadow-lg:0 16px 40px #0f172a14;--shadow-lift:0 16px 36px #0f172a14;--card-shadow:0 4px 18px #0f172a0a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--transition:.25s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark],.dark{--bg-base:#0b0f19;--bg-surface:#111827;--bg-card:#131c2e;--bg-subtle:#1b2438;--bg-elevated:#1e293b;--bg-input:#162036;--border-subtle:#ffffff0f;--border-default:#ffffff1f;--border-strong:#fff3;--border-cyan:#06b6d473;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-faint:#334155;--nav-bg:#0b0f19e0;--nav-border:#ffffff1a;--indigo:#818cf8;--indigo-hover:#6366f1;--indigo-soft:#6366f12e;--cyan-glow:0 0 40px #06b6d44d;--emerald-border:#10b98166;--red-border:#ef444466;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 20px 60px #0000008c;--shadow-lift:0 16px 48px #00000080, 0 0 0 1px #06b6d41f;--card-shadow:0 8px 30px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base:#0b0f19;--bg-surface:#111827;--bg-card:#131c2e;--bg-subtle:#1b2438;--bg-elevated:#1e293b;--bg-input:#162036;--border-subtle:#ffffff0f;--border-default:#ffffff1f;--border-strong:#fff3;--border-cyan:#06b6d473;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-faint:#334155;--nav-bg:#0b0f19e0;--nav-border:#ffffff1a;--indigo:#818cf8;--indigo-hover:#6366f1;--indigo-soft:#6366f12e;--cyan-glow:0 0 40px #06b6d44d;--emerald-border:#10b98166;--red-border:#ef444466;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 20px 60px #0000008c;--shadow-lift:0 16px 48px #00000080, 0 0 0 1px #06b6d41f;--card-shadow:0 8px 30px #0006}}.glass-panel{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-elevated{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:transform var(--transition), box-shadow var(--transition)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{background:var(--gradient-cta);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition), transform var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-secondary{background:var(--bg-subtle);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-default);cursor:pointer;transition:background var(--transition);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--border-default)}.input-field{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:12px 16px}.input-field:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.label-text{color:var(--text-secondary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}