/* Huquqiy sahifalar uchun umumiy uslub — bosh sahifa dizayn tili bilan bir xil */
@font-face{font-family:'Clash';src:url('fonts/clash-display-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Clash';src:url('fonts/clash-display-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Switzer';src:url('fonts/switzer-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Switzer';src:url('fonts/switzer-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Switzer';src:url('fonts/switzer-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Switzer';src:url('fonts/switzer-700.woff2') format('woff2');font-weight:700;font-display:swap}

*{box-sizing:border-box}
:root{
  --bg:#08090b; --bg-2:#0c0e11; --surf:#101317;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12);
  --tx:#f3f4f6; --tx-2:#9aa1ac; --tx-3:#646b76;
  --acc:#6c66f0; --acc-2:#a9a4ff;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);
  font-family:'Switzer',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:840px;margin:0 auto;padding:0 28px}
@media(max-width:640px){.wrap{padding:0 20px}}
h1,h2,h3{font-family:'Clash',Georgia,serif;letter-spacing:-.025em;margin:0}

.bg-orb{position:fixed;width:700px;height:700px;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(108,102,240,.15),transparent 62%);
  top:-330px;left:50%;margin-left:-350px;filter:blur(40px)}

header{position:sticky;top:0;z-index:60;backdrop-filter:blur(16px) saturate(180%);
  background:rgba(8,9,11,.72);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:24px;height:72px;
  max-width:1200px;margin:0 auto;padding:0 28px}
.brand{display:flex;align-items:center;gap:11px;font-family:'Clash';font-weight:700;
  font-size:1.06rem;letter-spacing:-.02em}
.brand .glyph{width:30px;height:30px;flex:none;border-radius:9px;display:block}
.back{margin-left:auto;font-size:.9rem;color:var(--tx-2);display:inline-flex;align-items:center;gap:8px}
.back:hover{color:var(--acc)}

main{position:relative;z-index:1;padding:72px 0 96px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3)}
h1{font-size:clamp(2rem,4.6vw,3rem);line-height:1.06;font-weight:600;margin:14px 0 14px}
.updated{color:var(--tx-3);font-size:.88rem;margin:0 0 12px}
.owner{color:var(--tx-2);font-size:.95rem;margin:0 0 44px;padding-bottom:32px;
  border-bottom:1px solid var(--line)}
h2{font-size:1.32rem;font-weight:600;margin:44px 0 14px;line-height:1.25}
h2 .num{color:var(--acc);font-family:ui-monospace,Menlo,monospace;font-size:.8rem;
  margin-right:12px;vertical-align:2px}
p{color:var(--tx-2);margin:0 0 16px}
ul{color:var(--tx-2);padding-left:0;margin:0 0 16px;list-style:none}
ul li{position:relative;padding-left:22px;margin-bottom:10px}
ul li::before{content:'';position:absolute;left:2px;top:11px;width:6px;height:6px;
  border-radius:2px;background:var(--acc);opacity:.85}
b,strong{color:var(--tx);font-weight:600}
a.link{color:var(--acc);border-bottom:1px solid rgba(108,102,240,.4);transition:border-color .2s}
a.link:hover{border-color:var(--acc)}
.callout{border:1px solid var(--line-2);border-radius:16px;background:var(--bg-2);
  padding:24px 26px;margin:28px 0}
.callout p:last-child{margin-bottom:0}
.divider{height:1px;background:var(--line);margin:56px 0}
.lang{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3);
  font-family:ui-monospace,Menlo,monospace;margin-bottom:8px}

footer{position:relative;z-index:1;border-top:1px solid var(--line);
  padding:44px 0;background:var(--bg-2)}
.f-in{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;gap:30px;
  justify-content:space-between;flex-wrap:wrap;font-size:.86rem;color:var(--tx-2);line-height:1.8}
.f-in b{color:var(--tx)}
.f-in a{color:var(--acc)}
.f-nav{display:grid;gap:7px}
.f-nav a{color:var(--tx-2)}
.f-nav a:hover{color:var(--acc)}