:root{--bg-primary: #0A0A1A;--bg-card: #0F0F24;--bg-input: #12122A;--border: #1A1A2E;--border-hover: #2A2A4E;--gold: #D4AF37;--gold-dim: rgba(212, 175, 55, .15);--gold-glow: rgba(212, 175, 55, .4);--blue: #00D4FF;--blue-dim: rgba(0, 212, 255, .15);--blue-glow: rgba(0, 212, 255, .3);--text: #E8E8E8;--text-dim: #666666;--text-muted: #444444;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-serif: Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a1aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.5rem}nav .nav-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}nav .nav-brand{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.05em}nav .nav-links{display:flex;gap:1.5rem;list-style:none}nav .nav-links a{color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:color .2s;letter-spacing:.03em}nav .nav-links a:hover,nav .nav-links a.active{color:var(--gold)}main{max-width:960px;margin:0 auto;padding:80px 1.5rem 3rem}h1,h2,h3,h4{font-family:var(--font-body);font-weight:700;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:1.75rem;margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:var(--blue);text-decoration:none;transition:color .2s}a:hover,.gold{color:var(--gold)}.blue{color:var(--blue)}.gold-bg{background:var(--gold-dim);border:1px solid rgba(212,175,55,.3)}.blue-bg{background:var(--blue-dim);border:1px solid rgba(0,212,255,.2)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:var(--border-hover)}.card.gold-card:hover{border-color:#d4af374d;box-shadow:0 0 20px #d4af370d}.card.blue-card:hover{border-color:#00d4ff33;box-shadow:0 0 20px #00d4ff0d}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}input[type=text],input[type=number]{width:100%;padding:.875rem 1.25rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:1.1rem;outline:none;transition:border-color .3s,box-shadow .3s}input[type=text]:focus,input[type=number]:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}input::placeholder{color:var(--text-dim)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .2s;border:none;letter-spacing:.02em}.btn-gold{background:var(--gold);color:var(--bg-primary)}.btn-gold:hover{background:#e5c040;color:var(--bg-primary);box-shadow:0 0 20px var(--gold-glow)}.btn-outline{background:transparent;color:var(--blue);border:1px solid var(--blue)}.btn-outline:hover{background:var(--blue-dim);color:var(--blue)}.tesla-quote{font-family:var(--font-serif);font-style:italic;color:var(--text);border-left:3px solid var(--gold);padding:1rem 1.5rem;margin:1.5rem 0;background:#d4af3708;border-radius:0 8px 8px 0}.tesla-quote cite{display:block;margin-top:.5rem;font-style:normal;font-family:var(--font-body);font-size:.85rem;color:var(--text-dim)}.number-display{font-family:var(--font-mono);font-size:4rem;font-weight:700;line-height:1}.number-display.aligned{color:var(--gold);text-shadow:0 0 30px var(--gold-glow)}.number-display.material{color:var(--blue);text-shadow:0 0 30px var(--blue-glow)}@keyframes pulse-gold{0%,to{text-shadow:0 0 20px var(--gold-glow)}50%{text-shadow:0 0 40px var(--gold-glow),0 0 60px rgba(212,175,55,.2)}}.glow-369{animation:pulse-gold 3s ease-in-out infinite}.reduction-step{font-family:var(--font-mono);font-size:1rem;color:var(--text-dim);padding:.25rem 0}.reduction-step .arrow{color:var(--gold);margin:0 .5rem}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.95rem;border-bottom:2px solid transparent;transition:all .2s;font-family:var(--font-body)}.tab:hover{color:var(--text)}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.section{margin-bottom:3rem}.vortex-svg{max-width:320px;margin:0 auto;display:block}.result-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-top:1.5rem}.result-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.25rem}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.05em}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(212,175,55,.3)}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(0,212,255,.2)}footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border);color:var(--text-dim);font-size:.85rem}footer .gold{font-weight:600}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,212,255,.02) 0%,transparent 50%)}@media(max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.35rem}.number-display{font-size:3rem}nav .nav-links{gap:1rem}nav .nav-links a{font-size:.8rem}.hero-369{font-size:6rem!important}}@media(max-width:480px){main{padding:70px 1rem 2rem}.card{padding:1.25rem}.hero-369{font-size:4.5rem!important}}