@font-face { font-family:'Inter'; font-style:normal; font-weight:400 700; font-display:swap; src:url(fonts/inter-var.woff2) format('woff2'); }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:400 700; font-display:swap; src:url(fonts/space-grotesk-var.woff2) format('woff2'); }
:root{ --bg:#0B0C10; --surface:#14161E; --line:rgba(255,255,255,.09); --text:#F3F4F7; --soft:#A7ADBA; --faint:#6B7280; --accent:#7C5CFF; --accent-soft:#B4A6FF; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; }
a{ color:var(--accent-soft); text-decoration:underline; text-underline-offset:2px; }
a:hover{ color:#fff; }
.wrap{ max-width:760px; margin-inline:auto; padding:0 24px; }
header.bar{ border-bottom:1px solid var(--line); position:sticky; top:0; background:rgba(11,12,16,.8); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); z-index:10; }
.bar-in{ display:flex; align-items:center; justify-content:space-between; height:64px; }
.brand{ font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px; display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--text); }
.brand .dot{ width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px rgba(124,92,255,.6); }
.back{ font-size:14px; color:var(--soft); text-decoration:none; }
.back:hover{ color:var(--accent-soft); }
main{ padding:56px 0 80px; }
.eyebrow{ font-family:'Space Grotesk',sans-serif; font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-soft); font-weight:500; }
h1{ font-family:'Space Grotesk',sans-serif; font-weight:500; font-size:clamp(30px,5vw,44px); letter-spacing:-.02em; line-height:1.1; margin:14px 0 10px; }
.updated{ color:var(--faint); font-size:14px; margin-bottom:40px; }
h2{ font-family:'Space Grotesk',sans-serif; font-weight:500; font-size:21px; letter-spacing:-.01em; margin:40px 0 12px; }
h2 .n{ color:var(--accent-soft); margin-right:8px; }
p,li{ color:var(--soft); }
strong{ color:var(--text); font-weight:600; }
ul{ padding-left:20px; }
li{ margin:7px 0; }
.card{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:22px 24px; margin:18px 0; }
.card p{ margin:4px 0; }
footer{ border-top:1px solid var(--line); padding:32px 0; }
footer small{ color:var(--faint); font-size:13px; }
hr{ border:none; border-top:1px solid var(--line); margin:36px 0; }
.note{ background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:14px; padding:20px 24px; margin:18px 0; }
.note strong{ color:var(--accent-soft); }
.lang-links{ font-size:14px; color:var(--faint); }
.lang-links a{ color:var(--soft); }