@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #111111;--text-primary: #ffffff;--text-secondary: #d0d0d0;--text-muted: #a0a0a0;--accent-green: #00ff41;--accent-purple: #ff79c6;--accent-cyan: #4ee7ff;--accent-amber: #ffb300;--accent-gold: #c9a96e;--accent-rose: #c97070;--accent-blue: #7ab8d4;--accent-primary: #c9a96e;--accent-secondary: #7ab8d4;--accent-success: #00ff41;--accent-error: #ff003c;--border-color: #333333;--border-radius: 0px;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--font-sans: "JetBrains Mono", "Courier New", Courier, monospace}body{margin:0;font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;text-transform:uppercase}p{line-height:1.7;color:var(--text-secondary)}a{color:var(--accent-gold);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-cyan)}code{font-family:var(--font-mono);font-size:.9em;background:#1a1a1a;border:1px solid #333;padding:2px 6px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-card);border:1px solid var(--border-color);padding:24px;transition:all .2s ease}.card:hover{border-color:#ffffff26}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;font-size:.9em;gap:8px;font-family:var(--font-mono);text-transform:uppercase;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-rose));color:#0a0a0a;box-shadow:0 4px 12px #c9a96e4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c9a96e66;color:#0a0a0a}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.explainer-card{background:#c9a96e0d;border:1px solid rgba(201,169,110,.2);margin-bottom:24px;overflow:hidden}.explainer-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;color:var(--accent-gold);cursor:pointer;font-family:var(--font-mono);font-weight:500;font-size:14px;transition:background .2s}.explainer-header:hover{background:#c9a96e1a}.explainer-title{display:flex;align-items:center;gap:8px}.explainer-content{padding:16px;border-top:1px solid rgba(201,169,110,.1);color:var(--text-secondary);font-size:14px;line-height:1.7}.explainer-content p{margin-bottom:12px}.explainer-content p:last-child{margin-bottom:0}.math-block{background:#0000004d;border:1px solid var(--border-color);padding:16px 20px;margin:16px 0;font-family:var(--font-mono);font-size:.95em;text-align:center;color:var(--accent-cyan);overflow-x:auto}.chain-gr{border-left:3px solid var(--accent-rose)}.chain-qft{border-left:3px solid var(--accent-blue)}.chain-foundation{border-left:3px solid var(--accent-gold)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-tag{font-size:.7em;text-transform:uppercase;letter-spacing:.15em;padding:4px 10px;border:1px solid}.section-tag.gr{color:var(--accent-rose);border-color:var(--accent-rose)}.section-tag.qft{color:var(--accent-blue);border-color:var(--accent-blue)}.section-tag.foundation{color:var(--accent-gold);border-color:var(--accent-gold)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.demo-container{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:24px;margin:24px 0}.demo-label{font-size:.7em;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-green);margin-bottom:16px}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border-color);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-gold);cursor:pointer}.flip-card{perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;min-height:200px;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;backface-visibility:hidden;padding:24px;border:1px solid var(--border-color)}.flip-card-front{background:var(--bg-secondary)}.flip-card-back{background:var(--bg-tertiary);transform:rotateY(180deg)}.layout{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary)}.sidebar{width:300px;min-width:300px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .3s ease;z-index:50;overflow-y:auto}.sidebar-header{height:56px;min-height:56px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--border-color)}.back-link{color:var(--text-muted);text-decoration:none;font-size:1.2em;transition:color .2s}.back-link:hover{color:var(--accent-gold)}.logo{font-size:1.1rem;font-weight:700;background:linear-gradient(to right,var(--accent-gold),var(--accent-blue));-webkit-background-clip:text;color:transparent}.nav{padding:12px;display:flex;flex-direction:column;gap:2px}.nav-group{margin-bottom:8px}.nav-group-label{font-size:.65em;text-transform:uppercase;letter-spacing:.15em;padding:8px 12px 4px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-muted);text-decoration:none;transition:all .2s;border:1px solid transparent;font-size:.8em}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background-color:#c9a96e1a;color:var(--accent-gold);border-color:#c9a96e33}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.mobile-header{display:none;height:56px;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.content-scroll{flex:1;overflow-y:auto;padding:32px}.content-container{max-width:900px;margin:0 auto}.close-btn,.menu-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.mobile-only{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-header{display:flex}.mobile-only{display:block}.content-scroll{padding:20px}}