/* =====================================================================
   KUZ — "Anor va chinor" mavzusi
   Toshkent kuzi: anor qizili, xurmo to'q sariq rangi, chinor bargining oltini,
   yong'oq po'stining jigarrangi. Asosiy styles.css ustidan yoziladi.
   ===================================================================== */
:root{
  --bg:#F3E9D9; --paper:#FFFBF5; --ink:#2B1B13; --muted:#7A6152; --line:#E8D8C2;
  --accent:#A3262A; --accent-soft:#F7E1DA; --mark:#B3261E; --mark-soft:#FBE4DF;
  --ok:#4E6B23; --ok-soft:#E9EFD8; --warn:#9A5B00; --warn-soft:#FBEBCF;
  --gold:#D98A0B; --gold-soft:#FBEBCB; --xurmo:#E2711D; --olive:#5E6B2C;
  --grad:linear-gradient(135deg,#6E1420 0%,#A3262A 48%,#D2551E 100%);
  --grad-gold:linear-gradient(135deg,#C2700A 0%,#E7A21E 100%);
  --shadow:0 1px 2px rgba(60,30,15,.05),0 8px 26px -12px rgba(90,40,15,.22);
  --shadow-lg:0 26px 60px -26px rgba(110,20,32,.55);
  --display:"Alegreya","Georgia",serif;
  --body:"Onest","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --leaf-a:#C9541B; --leaf-b:#E2A126; --leaf-c:#9E2A22;
  --emblem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 104'%3E%3Cpath d='M50 82C44 83 36 85 30 89C32 81 33 77 30 73C22 75 12 75 4 71C10 65 14 59 14 53C8 51 4 47 2 41C12 41 20 41 26 43C24 35 22 27 18 17C28 21 36 25 40 31C42 21 46 11 50 3C54 11 58 21 60 31C64 25 72 21 82 17C78 27 76 35 74 43C80 41 88 41 98 41C96 47 92 51 86 53C86 59 90 65 96 71C88 75 78 75 70 73C67 77 68 81 70 89C64 85 56 83 50 82Z'/%3E%3Cpath d='M50 80Q51 92 47 103' stroke='%23000' stroke-width='3' fill='none'/%3E%3C/svg%3E");
  --hl-grad:linear-gradient(100deg,#8A1B24 0%,#C2401F 45%,#E2861A 100%);
  --bar-grad:linear-gradient(90deg,#8A1B24,#C2401F 40%,#E2861A 70%,#E7B13A);
  --prog:linear-gradient(90deg,#A3262A,#E2861A);
  --hero-ink:#7A1A22; --hero-glow:rgba(242,178,74,.55); --hero-emb:#FBD58A; --ring-fg:#F6C25A;
  --logo-a:#D2551E; --logo-b:#7A1A22;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#1A110D; --paper:#251812; --ink:#F5E8D8; --muted:#C2A592; --line:#3D2A20;
  --accent:#F07560; --accent-soft:#45201B; --mark:#FF8A78; --mark-soft:#47201C;
  --ok:#B5CB72; --ok-soft:#2A3218; --warn:#F2B451; --warn-soft:#3D2C12;
  --gold:#F2B24A; --gold-soft:#3D2C12; --xurmo:#F08C3C; --olive:#B5CB72;
  --grad:linear-gradient(135deg,#4A0E16 0%,#8A1F26 50%,#C2501F 100%);
  --grad-gold:linear-gradient(135deg,#B2690C 0%,#E7A21E 100%);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-lg:0 26px 60px -26px rgba(0,0,0,.8);
  --leaf-a:#B9501E; --leaf-b:#C98E24; --leaf-c:#8C2A22; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#1A110D; --paper:#251812; --ink:#F5E8D8; --muted:#C2A592; --line:#3D2A20;
  --accent:#F07560; --accent-soft:#45201B; --mark:#FF8A78; --mark-soft:#47201C;
  --ok:#B5CB72; --ok-soft:#2A3218; --warn:#F2B451; --warn-soft:#3D2C12;
  --gold:#F2B24A; --gold-soft:#3D2C12; --xurmo:#F08C3C; --olive:#B5CB72;
  --grad:linear-gradient(135deg,#4A0E16 0%,#8A1F26 50%,#C2501F 100%);
  --grad-gold:linear-gradient(135deg,#B2690C 0%,#E7A21E 100%);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-lg:0 26px 60px -26px rgba(0,0,0,.8);
  --leaf-a:#B9501E; --leaf-b:#C98E24; --leaf-c:#8C2A22; color-scheme:dark}

/* ---------- fon: iliq kuz kuni, yuqoridan quyosh, pastda xazon ---------- */
body{
  background:
    radial-gradient(1100px 520px at 88% -12%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%),
    radial-gradient(900px 480px at -8% 4%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),
    radial-gradient(1200px 400px at 50% 112%,color-mix(in srgb,var(--xurmo) 14%,transparent),transparent 70%),
    var(--bg);
  background-attachment:fixed;
  font-feature-settings:"ss01","cv11";
}
#app{position:relative;z-index:1}
h1,h2,h3{font-family:var(--display);letter-spacing:-.005em}
h1{font-weight:800}
h2,h3{font-weight:700}
::selection{background:color-mix(in srgb,var(--gold) 45%,transparent)}

/* ---------- logotip va sarlavha ---------- */
.brand .logo{filter:drop-shadow(0 4px 10px rgba(110,20,32,.35))}
.brand .btxt b{font-family:var(--display);font-weight:800;letter-spacing:.02em;font-size:21px}
header.top{background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}
.tabs{background:var(--paper);border:1px solid var(--line)}
.tabs button{color:var(--muted)}
.tabs button:hover{color:var(--accent)}
.tabs button.on{background:var(--grad);color:#fff;box-shadow:0 6px 14px -6px rgba(110,20,32,.6)}
.langsw{background:var(--paper);border-color:var(--line)}

/* ---------- tugmalar ---------- */
.btn:not(.ghost):not(.tgbtn){background:var(--grad);box-shadow:0 8px 18px -10px rgba(110,20,32,.7)}
.btn.ghost{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--paper) 60%,transparent)}
.btn.ghost:hover:not(:disabled){background:var(--accent-soft)}
.btn:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ---------- qog'oz yuzalari ---------- */
.paper{background:var(--paper);border-color:var(--line);box-shadow:var(--shadow)}
.track{border-radius:24px}
.mod{background:var(--paper);border-color:var(--line)}
input[type=text],input[type=tel],input[type=url],input[type=number],textarea,select{background:var(--paper);border-color:var(--line);color:var(--ink)}

/* ---------- kirish sahifasi ---------- */
.herot{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.02}
.herot .hl{background:var(--hl-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.herot .hl2::after{background:var(--gold);opacity:.38}
.landing .authcard{border-top:0;position:sticky;overflow:hidden;background:var(--paper)}
.landing .authcard::before{content:"";display:block;height:6px;margin:-20px -20px 16px;background:var(--bar-grad)}
.hstats div{background:var(--paper);border:1px solid var(--line)}
.hstats b{font-family:var(--display);font-weight:800;font-size:30px;color:var(--accent)}
.ledger{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);
  background-image:repeating-linear-gradient(transparent 0 35px,color-mix(in srgb,var(--line) 70%,transparent) 35px 36px)}
.feat{background:var(--paper);border:1px solid var(--line)}
.feat .fi{background:var(--gold-soft)}
.feat b{font-family:var(--display);font-size:18px}

/* ---------- bosh sahifa: kuzgi bog' kartasi ---------- */
.homehero{background:var(--grad);border-radius:28px;padding:30px 30px 34px;box-shadow:var(--shadow-lg);isolation:isolate}
.homehero::before{width:420px;height:420px;right:-120px;top:-170px;background:radial-gradient(circle,var(--hero-glow),transparent 62%);z-index:-1}
.homehero::after{content:"";left:auto;right:150px;bottom:-40px;width:210px;height:210px;opacity:.16;transform:rotate(-18deg);z-index:-1;
  background:var(--hero-emb);font:inherit;
  -webkit-mask:var(--emblem) center/contain no-repeat;
          mask:var(--emblem) center/contain no-repeat}
.homehero h1{font-size:clamp(30px,5vw,46px)}
.homehero .hh-cta{color:var(--hero-ink);background:#FFF6E8!important}
.hh-stats span{background:rgba(255,240,215,.14);border-color:rgba(255,232,190,.28)}
.ring .rbg{stroke:rgba(255,236,205,.22)}
.ring .rfg{stroke:var(--ring-fg)}
.ring b{font-family:var(--display)}

/* bosqichlar yo'li */
.stagebar .snode{background:var(--grad);border-radius:50% 50% 50% 8px;transform:rotate(-8deg);box-shadow:0 8px 16px -8px rgba(110,20,32,.65)}
.stagebar .snode>*{transform:rotate(8deg)}
.stagebar.full .snode{background:var(--grad-gold)}
.stagebar .sinfo b{font-family:var(--display);font-size:19px}
.stagebar .sbar{background:color-mix(in srgb,var(--line) 80%,transparent);height:6px}
.stagebar .sbar i{background:var(--prog)}

/* ---------- dars sahifasi ---------- */
.story{background:linear-gradient(135deg,var(--gold-soft),color-mix(in srgb,var(--accent-soft) 70%,var(--paper)));border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}
.callout{border-left-color:var(--accent)}
.passage,.lbody{font-size:16px;line-height:1.75}
.lpic img{border-radius:14px}

/* Telegram suzuvchi tugmasi — Telegram rangi saqlanadi, faqat soya iliqroq */
.tgfab{box-shadow:0 10px 24px -10px rgba(30,60,110,.55)}
.homehero .ring{border:0;transform:none;border-radius:0}
.homehero .ring span{transform:none;font:600 12px var(--body);color:rgba(255,240,220,.8)}