*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0c;--bg-elevated: #111114;--bg-card: #16161a;--surface: #1e1e24;--border: #2a2a32;--border-glow: rgba(0, 145, 184, .2);--text: #e8e6e3;--text-dim: #8a8a96;--text-muted: #5c5c6a;--accent: #0091b8;--accent-bright: #00b4d8;--accent-dim: #006d8a;--cyan: #00e5c8;--cyan-dim: #00b39e;--gold: #ffc857;--ampel-green: #22c55e;--ampel-red: #ef4444;--font-mono: "JetBrains Mono", monospace;--font-sans: "Outfit", system-ui, sans-serif;--section-pad: 6rem 2rem;--max-w: 1200px;--max-w-narrow: 1000px;--max-w-text: 750px}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);font-family:var(--font-sans)}body{overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}::selection{background:#0091b859;color:var(--text)}a{color:inherit}.glow-line{height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--cyan),var(--accent),transparent);opacity:.5}.glow-line.top{position:fixed;top:0;left:0;right:0;z-index:100;opacity:0;transition:opacity .4s}.glow-line.top.visible{opacity:.6}.scroll-progress{position:fixed;top:0;left:0;height:2px;z-index:101;background:linear-gradient(90deg,var(--accent),var(--cyan));width:0%;box-shadow:0 0 8px #0091b866}.section-header{text-align:center;margin-bottom:4rem}.section-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.section-desc{color:var(--text-dim);max-width:600px;margin:0 auto;font-weight:300}.btn{padding:.75rem 2rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:.03em;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-bright);transform:translateY(-1px);box-shadow:0 4px 20px #0091b84d}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){:root{--section-pad: 4rem 1.5rem}}.article-nav{position:fixed;top:0;left:0;right:0;z-index:99;background:transparent;backdrop-filter:none;border-bottom:1px solid transparent;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;transition:background .4s,border-color .4s,backdrop-filter .4s}.article-nav.scrolled{background:#0a0a0ce6;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.article-nav .nav-brand{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--accent);letter-spacing:.05em;text-decoration:none}.article-nav .nav-brand span{color:var(--text-dim);font-weight:400}.article-nav .nav-links{display:flex;gap:2rem;align-items:center}.article-nav .nav-links a{color:var(--text-dim);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;transition:color .2s}.article-nav .nav-links a:hover{color:var(--accent)}.article-nav .nav-cta{background:var(--accent);color:#fff!important;padding:.4rem 1rem;border-radius:4px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;transition:background .2s}.article-nav .nav-cta:hover{background:var(--accent-bright)}.reading-progress{position:fixed;top:0;left:0;height:2px;z-index:101;background:linear-gradient(90deg,var(--accent),var(--cyan));width:0%;box-shadow:0 0 8px #0091b866}.article-header{padding:8rem 2rem 4rem;text-align:center;position:relative}.article-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 800px 500px at 50% 40%,rgba(0,145,184,.06),transparent),radial-gradient(ellipse 500px 400px at 30% 70%,rgba(0,229,200,.03),transparent);pointer-events:none}.article-header-inner{position:relative;max-width:760px;margin:0 auto}.back-link{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-decoration:none;letter-spacing:.05em;transition:color .2s;display:inline-block;margin-bottom:2rem}.back-link:hover{color:var(--accent)}.article-header h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem}.article-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.05em}.meta-sep{margin:0 .5rem;color:var(--border)}.article-body{max-width:760px;margin:0 auto;padding:0 2rem 6rem;font-size:1.05rem;line-height:1.75;color:var(--text-dim)}.article-body h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--text);letter-spacing:-.01em;margin:3.5rem 0 1.25rem;padding-top:1rem}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:2.5rem 0 1rem}.article-body p{margin-bottom:1.25rem}.article-body strong{color:var(--text);font-weight:600}.article-body em{font-style:italic;color:var(--accent-bright)}.article-body a{color:var(--accent-bright);text-decoration:none;border-bottom:1px solid var(--accent-dim);transition:color .2s,border-color .2s}.article-body a:hover{color:var(--cyan);border-color:var(--cyan)}.article-body code{font-family:var(--font-mono);font-size:.88em;color:var(--cyan);background:#0091b814;padding:.15em .4em;border-radius:3px}.article-body pre{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:1.25rem 1.5rem;margin:1.5rem 0 2rem;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.65;color:var(--text-dim)}.article-body pre code{background:none;padding:0;border-radius:0;font-size:inherit;color:inherit}.article-body blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--cyan);background:linear-gradient(135deg,rgba(0,229,200,.06),transparent);border-radius:0 8px 8px 0;font-style:italic;color:var(--text)}.article-body blockquote p{margin-bottom:0}.article-body blockquote code{font-style:normal}.article-body table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.88rem}.article-body th{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem .8rem;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap}.article-body td{padding:.6rem .8rem;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5}.article-body tr:hover td{background:#0091b808}.article-body th:last-child{color:var(--accent);font-weight:700}.article-body td:last-child{color:var(--text);font-weight:500}.article-body hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--cyan),var(--accent),transparent);opacity:.4;margin:3rem 0}.article-body ul,.article-body ol{margin:1rem 0 1.5rem 1.5rem}.article-body li{margin-bottom:.5rem}.article-body li strong{color:var(--text)}.article-body .section-subtitle{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);letter-spacing:.03em;margin-top:-.75rem;margin-bottom:2rem;font-style:italic}.callout{margin:2rem 0;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.callout-title{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-weight:700}.callout p{margin-bottom:0;font-size:.95rem}.article-footer{border-top:1px solid var(--border);padding:3rem 2rem;text-align:center}.article-footer-inner{max-width:760px;margin:0 auto}.article-footer .glow-line{margin-bottom:2rem}.article-footer .footer-brand{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.article-footer .footer-brand span{color:var(--accent)}.article-footer .footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.article-footer .footer-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.article-footer .footer-links a:hover{color:var(--cyan)}.article-footer .footer-copy{font-size:.75rem;color:var(--text-muted)}.article-footer .footer-copy a{color:var(--text-muted);text-decoration:none}@media(max-width:768px){.article-nav .nav-links a:not(.nav-cta){display:none}.article-header{padding:6rem 1.5rem 3rem}.article-body{padding:0 1.5rem 4rem}.article-body pre{font-size:.78rem;padding:1rem}.article-body table{font-size:.78rem}}