:root,[data-theme=dark]{--bg-primary:#0d0d1a;--bg-secondary:#112;--bg-card:#161630;--bg-card-hover:#1e1e40;--text-primary:#e8e8f0;--text-secondary:#a0a0c0;--text-muted:#6a6a8a;--accent-cyan:#0ff;--accent-green:#0f8;--accent-purple:#80f;--accent-magenta:#f0f;--accent-cyan-dim:rgba(0,255,255,.3);--accent-green-dim:rgba(0,255,136,.15);--accent-purple-dim:rgba(136,0,255,.15);--border:hsla(0,0%,100%,.08);--border-hover:rgba(0,255,255,.2);--gradient-hero:linear-gradient(135deg,#0d0d1a,#111128 40%,#0a1a2a);--gradient-card:linear-gradient(135deg,rgba(0,255,255,.05),rgba(136,0,255,.05));--gradient-card-hover:linear-gradient(135deg,rgba(0,255,255,.08),rgba(136,0,255,.08));--gradient-btn:linear-gradient(135deg,#80f,#60c);--glow-cyan:0 0 20px rgba(0,255,255,.3),0 0 60px rgba(0,255,255,.1);--glow-purple:0 0 20px rgba(136,0,255,.3),0 0 60px rgba(136,0,255,.1);--glow-btn:0 0 20px rgba(136,0,255,.3);--glow-btn-hover:0 0 30px rgba(136,0,255,.5),0 0 60px rgba(0,255,255,.2);--header-bg:rgba(13,13,26,.85);--nav-hover-bg:hsla(0,0%,100%,.05);--nav-accent-bg:rgba(0,255,255,.1);--nav-accent-border:rgba(0,255,255,.3);--icon-bg:hsla(0,0%,100%,.04);--tag-bg:rgba(0,255,255,.08);--tag-border:rgba(0,255,255,.15);--note-bg:rgba(255,200,0,.06);--note-border:rgba(255,200,0,.15);--highlight-bg:rgba(0,255,136,.04);--step-num-bg:rgba(0,255,255,.1);--step-num-border:rgba(0,255,255,.3);--cta-glow:radial-gradient(circle,rgba(136,0,255,.15),transparent 60%);--qr-bg:#fff;--qr-shadow:0 0 30px rgba(0,255,136,.15);--img-shadow:0 20px 60px rgba(0,0,0,.5);--img-shadow-hover:0 12px 50px rgba(0,0,0,.5),0 0 30px rgba(0,255,255,.1);--card-shadow:0 12px 40px rgba(0,0,0,.4);--grid-color:hsla(0,0%,100%,.03);--hero-preview-glow:radial-gradient(ellipse at center,rgba(136,0,255,.2),transparent 70%);--logo-filter:url(#heroGlow);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Roboto Mono",monospace}[data-theme=light]{--bg-primary:#f3f4f8;--bg-secondary:#e9eaef;--bg-card:#fff;--bg-card-hover:#f5f5fa;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#7a7a9a;--accent-cyan:#08a;--accent-green:#0a5;--accent-purple:#72c;--accent-magenta:#c0a;--accent-cyan-dim:rgba(0,136,170,.3);--accent-green-dim:rgba(0,170,85,.1);--accent-purple-dim:rgba(119,34,204,.1);--border:rgba(0,0,0,.08);--border-hover:rgba(0,136,170,.25);--gradient-hero:linear-gradient(135deg,#eef1f8,#e4e8f4 40%,#eef4f8);--gradient-card:linear-gradient(135deg,rgba(0,136,170,.03),rgba(119,34,204,.03));--gradient-card-hover:linear-gradient(135deg,rgba(0,136,170,.06),rgba(119,34,204,.06));--gradient-btn:linear-gradient(135deg,#72c,#51a);--glow-cyan:0 0 20px rgba(0,136,170,.2),0 0 60px rgba(0,136,170,.05);--glow-purple:0 0 20px rgba(119,34,204,.2),0 0 60px rgba(119,34,204,.05);--glow-btn:0 0 20px rgba(119,34,204,.3);--glow-btn-hover:0 0 30px rgba(119,34,204,.5),0 0 60px rgba(0,136,170,.2);--header-bg:rgba(243,244,248,.85);--nav-hover-bg:rgba(0,0,0,.04);--nav-accent-bg:rgba(0,136,170,.08);--nav-accent-border:rgba(0,136,170,.3);--icon-bg:rgba(0,0,0,.04);--tag-bg:rgba(0,136,170,.08);--tag-border:rgba(0,136,170,.2);--note-bg:rgba(255,200,0,.08);--note-border:rgba(255,200,0,.2);--highlight-bg:rgba(0,170,85,.06);--step-num-bg:rgba(0,136,170,.08);--step-num-border:rgba(0,136,170,.25);--cta-glow:radial-gradient(circle,rgba(119,34,204,.1),transparent 60%);--qr-bg:#fff;--qr-shadow:0 0 30px rgba(0,170,85,.15);--img-shadow:0 8px 30px rgba(0,0,0,.12);--img-shadow-hover:0 12px 40px rgba(0,0,0,.18),0 0 20px rgba(0,136,170,.1);--card-shadow:0 8px 30px rgba(0,0,0,.1);--grid-color:rgba(0,0,0,.04);--hero-preview-glow:radial-gradient(ellipse at center,rgba(119,34,204,.12),transparent 70%);--logo-filter:none;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}::-moz-selection{background:var(--accent-purple);color:#fff}::selection{background:var(--accent-purple);color:#fff}.container{margin:0 auto;max-width:1200px;padding:0 24px}.is-hidden{opacity:0}.is-revealed{opacity:1}@keyframes letter-glow{0%,to{filter:brightness(1) drop-shadow(0 0 3px #00ffff)}25%,75%{filter:brightness(1) drop-shadow(0 0 3px #00ffff)}50%{filter:brightness(2) drop-shadow(0 0 6px #0000ff) drop-shadow(0 0 9px #dd55ff) drop-shadow(0 0 11px #ff55ee)}}@keyframes stroke-pulse{0%,to{opacity:.7;stroke-width:4}50%{opacity:1;stroke-width:6}}@keyframes stroke-rainbow{0%{stroke:#80f}50%{stroke:#0ff}to{stroke:#80f}}@keyframes stroke-dash{0%{stroke-dashoffset:200}50%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00ffff4d}50%{box-shadow:0 0 25px #00ffff80,0 0 50px #80f3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.letter{animation:letter-glow 8.5s ease-in-out infinite,stroke-pulse 4.5s ease-in-out infinite,stroke-rainbow 6s linear infinite,stroke-dash 6s ease infinite}.bg-grid{background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);z-index:0}.bg-grid,.bg-noise{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.bg-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;opacity:.015;z-index:1}[data-theme=light] .bg-noise{opacity:.03}