/* QulayGo — huquqiy sahifalar (oferta, maxfiylik) */
:root{ --bg:#F4F6FC; --surface:#fff; --ink:#0B1220; --muted:#55627A; --faint:#8A96AB; --line:#E3E8F2; --accent:#4F46E5; --cyan:#22C1E6; }
@media (prefers-color-scheme: dark){ :root{ --bg:#070B15; --surface:#0F1626; --ink:#EAF0FA; --muted:#9AA8BF; --faint:#66768F; --line:#22304A; } }
*{ box-sizing:border-box; margin:0; padding:0 }
body{ background:var(--bg); color:var(--ink); font-family:"Inter",system-ui,sans-serif; line-height:1.65; -webkit-font-smoothing:antialiased }
a{ color:var(--accent); text-decoration:none }
.top{ display:flex; align-items:center; justify-content:space-between; max-width:860px; margin:0 auto; padding:18px 22px }
.logo{ font-family:"Sora",sans-serif; font-weight:800; font-size:20px; color:var(--ink) }
.logo .g{ background:linear-gradient(92deg,var(--accent),var(--cyan)); -webkit-background-clip:text; background-clip:text; color:transparent }
.toggle{ display:flex; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:3px }
.toggle button{ border:0; background:none; padding:6px 10px; border-radius:8px; font-size:12.5px; font-weight:700; color:var(--muted); cursor:pointer }
.toggle button.on{ background:var(--accent); color:#fff }
main{ max-width:860px; margin:10px auto 60px; padding:34px 36px; background:var(--surface); border:1px solid var(--line); border-radius:20px }
h1{ font-family:"Manrope",sans-serif; font-size:30px; letter-spacing:-.02em; margin-bottom:6px }
.upd{ color:var(--faint); font-size:13px; margin-bottom:26px }
h2{ font-family:"Manrope",sans-serif; font-size:18px; margin:26px 0 8px }
p,li{ color:var(--muted); font-size:15px }
ul{ padding-left:20px; margin:6px 0 }
li{ margin:4px 0 }
.box{ margin-top:28px; padding:16px 18px; border:1px solid var(--line); border-radius:14px; font-size:14px; color:var(--muted) }
.box b{ color:var(--ink) }
.back{ display:inline-block; margin-top:26px; font-weight:600 }
[data-lang]{ display:none } html[lang="uz"] [data-lang="uz"], html[lang="ru"] [data-lang="ru"]{ display:block }
@media (max-width:600px){ main{ padding:24px 18px; border-radius:14px } h1{ font-size:24px } }