:root{
  --bg:#050810;--surface:#0c1220;--surface2:#121a2e;--border:rgba(148,210,255,0.12);
  --accent:#94d2ff;--accent2:#e8c87a;--purple:#b794f4;--success:#68d391;--danger:#fc8181;
  --text:#dce8f5;--muted:#6b8aaa;
  --display:'Bebas Neue',sans-serif;--body:'Spectral',serif;--mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.75;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;z-index:0;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;opacity:0.35;}

nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:rgba(5,8,16,0.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
.nav-brand{font-family:var(--display);font-size:20px;letter-spacing:0.08em;color:var(--accent);text-decoration:none;}
.nav-back{font-family:var(--mono);font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);text-decoration:none;}
.nav-back:hover{color:var(--accent);}
.lang-switch{display:flex;gap:6px;}
.lang-switch a,.lang-switch span{font-family:var(--mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;padding:4px 10px;color:var(--muted);text-decoration:none;border:1px solid var(--border);}
.lang-switch .active{color:var(--accent);border-color:var(--accent);}

main{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:64px 32px 80px;}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:var(--accent2);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.eyebrow::before{content:'';width:24px;height:1px;background:var(--accent2);}
h1{font-family:var(--display);font-size:clamp(40px,7vw,84px);letter-spacing:0.04em;line-height:0.96;color:var(--text);margin-bottom:24px;}
h1 .accent{color:var(--accent);}
.lead{font-family:var(--body);font-style:italic;color:var(--muted);font-size:18px;margin-bottom:48px;border-left:2px solid var(--accent);padding-left:20px;line-height:1.7;}
.meta{display:flex;flex-wrap:wrap;gap:24px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:48px;font-family:var(--mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);}
.meta .l{color:var(--accent);margin-right:6px;}

.article-body h2{font-family:var(--display);font-size:32px;letter-spacing:0.04em;color:var(--accent);margin:48px 0 16px;line-height:1.1;}
.article-body h3{font-family:var(--mono);font-size:13px;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent2);margin:32px 0 12px;}
.article-body p{margin-bottom:18px;color:rgba(220,232,245,0.85);font-size:16px;}
.article-body ul,.article-body ol{margin:16px 0 20px 28px;color:rgba(220,232,245,0.85);font-size:15px;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--text);}
.article-body em{color:var(--accent);font-style:normal;}
.article-body a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent);}
.article-body blockquote{margin:24px 0;padding:18px 24px;background:var(--surface);border-left:3px solid var(--accent2);font-style:italic;color:rgba(220,232,245,0.75);font-size:15px;}

.callout{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);padding:20px 24px;margin:32px 0;}
.callout-title{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.callout p{font-size:14px;line-height:1.7;color:rgba(220,232,245,0.7);font-style:italic;margin:0;}

.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0;}
.tag{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--border);color:var(--muted);}

.cta-card{margin-top:64px;padding:32px;background:var(--surface);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
.cta-card h3{font-family:var(--display);font-size:24px;letter-spacing:0.04em;color:var(--text);margin-bottom:6px;}
.cta-card p{font-size:14px;color:var(--muted);font-style:italic;margin:0;}
.btn{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;padding:12px 24px;text-decoration:none;border-radius:2px;display:inline-block;}
.btn-primary{background:var(--accent);color:var(--bg);}
.btn-secondary{background:transparent;border:1px solid rgba(232,200,122,0.4);color:var(--accent2);}

footer{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:24px 32px;border-top:1px solid var(--border);font-family:var(--mono);font-size:10px;letter-spacing:0.12em;color:var(--muted);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
footer a{color:var(--muted);text-decoration:none;}

@media(max-width:768px){
  nav{padding:14px 20px;}
  main{padding:48px 24px 64px;}
  .meta{gap:16px;}
  .cta-card{flex-direction:column;align-items:flex-start;}
}