*{box-sizing:border-box}body{margin:0;background:var(--bg-body);overflow-x:hidden;font-family:Inter,sans-serif;color:var(--text-primary)}a{text-decoration:none}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.6)}}@keyframes spiral-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-breathe{0%,to{box-shadow:0 0 80px #00b4d81f}50%{box-shadow:0 0 140px #00b4d847}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.fade-up{animation:fadeUp .9s ease forwards}.fade-up-d1{animation:fadeUp .9s .15s ease both}.fade-up-d2{animation:fadeUp .9s .3s ease both}.fade-up-d3{animation:fadeUp .9s .45s ease both}.eq-block{background:var(--eq-bg);border:1px solid var(--eq-border);border-left:3px solid var(--eq-border-left);border-radius:6px;padding:20px 28px;margin:24px 0;font-family:JetBrains Mono,monospace;font-size:16px;color:var(--eq-text);text-align:center;line-height:2}.eq-note{font-family:Inter,sans-serif;font-size:12px;color:var(--eq-note);text-align:center;margin-top:8px;letter-spacing:.5px}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px}.nav-link{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s;padding:4px 0}.card-hover{transition:border-color .25s,transform .25s}.card-hover:hover{border-color:var(--border-hover);transform:translateY(-3px)}@media(max-width:680px){.hide-mobile{display:none!important}.hero-h1{font-size:52px!important}.show-mobile{display:flex!important}}.show-mobile{display:none}[data-theme=light]{--bg-body: #f5f6f8;--bg-hero: #f5f6f8;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(255, 255, 255, 1);--bg-section: linear-gradient(180deg, #eef1f4 0%, #f5f6f8 100%);--bg-section-alt: linear-gradient(180deg, #f5f6f8 0%, #eef1f4 100%);--bg-nav: rgba(255, 255, 255, .92);--bg-input: #ffffff;--bg-scrollbar: #f5f6f8;--bg-form: rgba(0, 0, 0, .02);--bg-stat: rgba(0, 0, 0, .03);--bg-metric: #ffffff;--bg-tag: rgba(0, 0, 0, .04);--text-primary: #1a1a2e;--text-secondary: #5a5a7a;--text-muted: #8a8a9a;--text-footer: #6a6a7a;--text-link: #0056b3;--text-accent: #b8860b;--text-cyan: #0066aa;--text-gold: #b8860b;--text-purple: #6b4c9a;--text-orange: #c47000;--text-green: #2a7a4a;--text-red: #aa2222;--text-white: #ffffff;--border-card: rgba(0, 0, 0, .08);--border-hover: rgba(0, 100, 180, .25);--border-input: rgba(0, 0, 0, .12);--border-table: rgba(0, 0, 0, .1);--border-divider: rgba(0, 0, 0, .06);--eq-bg: rgba(0, 100, 180, .04);--eq-border: rgba(0, 100, 180, .18);--eq-border-left: #0066aa;--eq-text: #b8860b;--eq-note: #6a7a8a;--star-white: #ffffff;--star-bg: transparent;--glow-color: rgba(0, 100, 180, .08);--galaxy-core: rgba(200, 180, 100, .9);--galaxy-arm: rgba(0, 100, 180, .35);--galaxy-dot: rgba(180, 140, 20, .4);--btn-primary-bg: #1a1a2e;--btn-primary-text: #ffffff;--btn-primary-hover: #2a2a3e;--btn-secondary-bg: transparent;--btn-secondary-text: #1a1a2e;--btn-secondary-border: rgba(0, 0, 0, .2);--btn-secondary-hover: rgba(0, 0, 0, .05);--btn-gold-bg: #b8860b;--btn-gold-text: #ffffff;--btn-gold-hover: #d4a520;--btn-ghost: rgba(0, 0, 0, .04);--btn-ghost-hover: rgba(0, 0, 0, .08);--focus-ring: 0 0 0 3px rgba(0, 100, 180, .2);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 8px rgba(0, 0, 0, .03);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .08);--shadow-modal: 0 10px 40px rgba(0, 0, 0, .12);--backdrop-modal: rgba(0, 0, 0, .4);--backdrop-drawer: rgba(0, 0, 0, .4);--scrollbar-track: #f5f6f8;--scrollbar-thumb: rgba(0, 100, 180, .2);--scrollbar-thumb-hover: rgba(0, 100, 180, .35);--overlay-dark: rgba(0, 0, 0, .5);--overlay-light: rgba(255, 255, 255, .9);--nav-bg: rgba(255, 255, 255, .92);--nav-border: rgba(0, 0, 0, .06);--nav-link: #6a6a7a;--nav-link-hover: #1a1a2e;--nav-link-active: #1a1a2e;--nav-toggle: #1a1a2e;--nav-badge: #b8860b;--nav-badge-text: #ffffff;--nav-mobile-bg: rgba(255, 255, 255, .98);--nav-mobile-overlay: rgba(0, 0, 0, .4);--drawer-bg: rgba(255, 255, 255, .98);--drawer-shadow: 0 0 40px rgba(0, 0, 0, .1);--drawer-border: rgba(0, 0, 0, .08);--drawer-text: #1a1a2e;--drawer-text-secondary: #6a6a7a}[data-theme=dark]{--bg-body: #04060f;--bg-hero: #04060f;--bg-card: rgba(255, 255, 255, .025);--bg-card-hover: rgba(255, 255, 255, .04);--bg-section: linear-gradient(180deg, #060d18 0%, #04060f 100%);--bg-section-alt: linear-gradient(180deg, #04060f 0%, #07101c 100%);--bg-nav: rgba(4, 6, 15, .92);--bg-input: rgba(255, 255, 255, .03);--bg-scrollbar: #04060f;--bg-form: rgba(255, 255, 255, .02);--bg-stat: rgba(255, 255, 255, .03);--bg-metric: rgba(255, 255, 255, .02);--bg-tag: rgba(255, 255, 255, .04);--text-primary: #e8e8f0;--text-secondary: #7080a0;--text-muted: #5060a0;--text-footer: #3a5070;--text-link: #00b4d8;--text-accent: #ffd166;--text-cyan: #00b4d8;--text-gold: #ffd166;--text-purple: #a78bfa;--text-orange: #f97316;--text-green: #4ade80;--text-red: #ff6b6b;--text-white: #ffffff;--border-card: rgba(255, 255, 255, .07);--border-hover: rgba(0, 180, 216, .35);--border-input: rgba(255, 255, 255, .12);--border-table: rgba(0, 180, 216, .3);--border-divider: rgba(255, 255, 255, .05);--eq-bg: rgba(0, 180, 216, .05);--eq-border: rgba(0, 180, 216, .22);--eq-border-left: #00b4d8;--eq-text: #ffd166;--eq-note: #4a6080;--star-white: #ffffff;--star-bg: transparent;--glow-color: rgba(0, 180, 216, .12);--galaxy-core: #ffd166;--galaxy-arm: #00b4d8;--galaxy-dot: #ffd166;--btn-primary-bg: #00b4d8;--btn-primary-text: #ffffff;--btn-primary-hover: #00c8e8;--btn-secondary-bg: transparent;--btn-secondary-text: #e8e8f0;--btn-secondary-border: rgba(255, 255, 255, .2);--btn-secondary-hover: rgba(255, 255, 255, .05);--btn-gold-bg: #ffd166;--btn-gold-text: #04060f;--btn-gold-hover: #ffe080;--btn-ghost: rgba(255, 255, 255, .04);--btn-ghost-hover: rgba(255, 255, 255, .08);--focus-ring: 0 0 0 3px rgba(0, 180, 216, .2);--shadow-card: 0 0 0 transparent;--shadow-card-hover: 0 0 0 transparent;--shadow-modal: 0 10px 40px rgba(0, 0, 0, .5);--backdrop-modal: rgba(0, 0, 0, .6);--backdrop-drawer: rgba(0, 0, 0, .6);--scrollbar-track: #04060f;--scrollbar-thumb: rgba(0, 180, 216, .3);--scrollbar-thumb-hover: rgba(0, 180, 216, .45);--overlay-dark: rgba(0, 0, 0, .7);--overlay-light: rgba(255, 255, 255, .1);--nav-bg: rgba(4, 6, 15, .92);--nav-border: rgba(255, 255, 255, .05);--nav-link: #7080a0;--nav-link-hover: #ffffff;--nav-link-active: #ffffff;--nav-toggle: #ffffff;--nav-badge: #ffd166;--nav-badge-text: #04060f;--nav-mobile-bg: rgba(4, 6, 15, .98);--nav-mobile-overlay: rgba(0, 0, 0, .6);--drawer-bg: rgba(4, 6, 15, .98);--drawer-shadow: 0 0 40px rgba(0, 0, 0, .3);--drawer-border: rgba(255, 255, 255, .08);--drawer-text: #e8e8f0;--drawer-text-secondary: #7080a0}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-body);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}.theme-toggle{background:none;border:1px solid var(--border-card);border-radius:6px;padding:6px 8px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{background:var(--btn-ghost-hover);color:var(--text-primary);border-color:var(--border-hover)}.form-field{display:block;width:100%;padding:12px 16px;border-radius:6px;border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s;outline:none}.form-field:focus{border-color:var(--eq-border-left);box-shadow:var(--focus-ring)}.form-field::placeholder{color:var(--text-muted)}.form-label{display:block;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.form-error{font-size:12px;color:var(--text-red);margin-top:4px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:4px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s ease;background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:4px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:1px solid var(--btn-secondary-border);transition:all .2s ease;background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:4px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s ease;background:var(--btn-gold-bg);color:var(--btn-gold-text)}.btn-gold:hover{background:var(--btn-gold-hover);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s ease;background:var(--btn-ghost);color:var(--text-secondary)}.btn-ghost:hover{background:var(--btn-ghost-hover)}.card-base{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;transition:border-color .25s,transform .25s,box-shadow .25s}.card-base:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.section-bg{background:var(--bg-section)}.section-bg-alt{background:var(--bg-section-alt)}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);transition:background-color .3s ease,border-color .3s ease}.modal-overlay{position:fixed;inset:0;background:var(--backdrop-modal);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);padding:32px}.drawer-overlay{position:fixed;inset:0;background:var(--backdrop-drawer);z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer-container{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background:var(--drawer-bg);border-left:1px solid var(--drawer-border);box-shadow:var(--drawer-shadow);z-index:201;padding:24px;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff;color:#1a1a2e}.nav-bar,.theme-toggle{display:none!important}}