/* DeutschWeg Academy — «Yorqin» ko'rinish va ko'rinish tugmasi.
   Asosiy ko'rinish — to'q ko'k (index.html :root). Bu fayl eng oxirida yuklanadi:
   html[data-theme="light"] bo'lganda ranglar o'zgaradi (theme.js qo'yadi), qolgan hamma narsa — joylashuv, shriftlar, animatsiyalar — o'sha-o'sha.
   Ranglar WCAG AA kontrastiga tekshirilgan: oddiy matn ≥ 4.5:1, oq fondagi urg'u tugmalar ≥ 5:1. */

/* ---------- Ko'rinish tugmasi (ikkala rejimda) ---------- */
.thm{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--soft);transition:border-color .2s,color .2s,background-color .2s,transform .2s}
.thm:hover{border-color:var(--accent);color:var(--head)}
.thm:active{transform:scale(.94)}
.thm .ic{width:19px;height:19px}
.thm .thm-moon,html[data-theme="light"] .thm .thm-sun{display:none}
html[data-theme="light"] .thm .thm-moon{display:block}
/* Ilova sarlavhasi: brend va tugma bir qatorda, menyu — pastda */
.top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.top .nav{grid-column:1/-1}
/* Bosh sahifa sarlavhasi: keng ekranda menyudan keyin; menyu bir qatorga sig'maganda — brend qatorining o'ng chetida, menyu pastda */
.lp-head .lp-nav{margin-left:auto}
.lp-thm{order:3}
@media (max-width:1199px){
  .lp-head{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:14px}
  .lp-head .lp-nav{grid-column:1/-1;margin-left:0;order:3}
  .lp-thm{order:2}
}
/* Kirish va tasdiqlash ekranlari: o'ng yuqori burchakda (telefonda karta tugma ostidan boshlanadi) */
@media (max-width:600px){.thm-fix~.authstage .authwrap{padding-top:44px}}
.thm-fix{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:12px;z-index:20;box-shadow:0 6px 20px -8px rgba(0,0,0,.45)}
/* Rejim almashganda yumshoq o'tish (View Transitions API bor brauzerlarda) */
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}

/* =====================================================================
   YORQIN KO'RINISH
   ===================================================================== */
html[data-theme="light"]{
  --bg:#F4F6FB; --bg2:#EBEFF8; --surface:#FFFFFF; --surface2:#E4EAF6; --ink:#1B2337; --head:#0B1A3A; --muted:#5E6779; --soft:#39435A; --line:#DDE3EF; --line2:#C8D1E3;
  --accent:#2F5CF0; --accent-ink:#FFFFFF; --accent-text:#2448C8; --brand:#2F5CF0; --signal:#B98200; --signal-ink:#141A21;
  --good:#127A45; --good-bg:#E2F4E9; --bad:#C42B3A; --bad-bg:#FCE9EB; --warn:#845A00; --warn-bg:#FFF3D1;
  --der:#1D5BC2; --die:#C42B3A; --das:#127A45;
  --empty-star:#BAC4D8; --dash:#B9C4DB; --hover-link:#1A3AA8; --shadow:rgba(16,32,72,.14);
  color-scheme:light;
}
html[data-theme="light"] input,html[data-theme="light"] textarea{color-scheme:light}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#7A8397}
html[data-theme="light"] ::selection{background:rgba(47,92,240,.22)}
html[data-theme="light"] a:hover,
html[data-theme="light"] .linkbtn:hover,html[data-theme="light"] .back:hover{color:var(--hover-link)}
html[data-theme="light"] .thm-fix{box-shadow:0 6px 20px -10px var(--shadow)}

/* ---------- Sarlavha, menyu, tugmalar ---------- */
html[data-theme="light"] .brand .logo,html[data-theme="light"] .lp-brand .logo{box-shadow:0 0 0 1px var(--line2)}
html[data-theme="light"] .nav button{box-shadow:0 1px 2px var(--shadow)}
html[data-theme="light"] .nav button:hover{color:var(--head)}
html[data-theme="light"] .nav button[aria-current="page"]{color:#fff;box-shadow:0 8px 22px -10px rgba(47,92,240,.7)}
html[data-theme="light"] .btn:not(.ghost):not(.danger):not(:disabled){box-shadow:0 10px 26px -14px rgba(47,92,240,.75)}
html[data-theme="light"] .btn:not(.ghost):not(.danger):not(:disabled):hover{background:#2450DA}
html[data-theme="light"] .btn.ghost,html[data-theme="light"] a.btn.ghost,html[data-theme="light"] a.btn.ghost:hover{color:var(--head);border-color:var(--line2)}
html[data-theme="light"] .btn.ghost:hover:not(:disabled){background:rgba(47,92,240,.07)}
html[data-theme="light"] .gbtn{border-color:var(--line2)!important}

/* ---------- Kartalar va matn ---------- */
html[data-theme="light"] .pcard,html[data-theme="light"] .stop .card,html[data-theme="light"] .mockcard,html[data-theme="light"] .chat,
html[data-theme="light"] .plan,html[data-theme="light"] .instbar,html[data-theme="light"] .wcard,html[data-theme="light"] .eitem,
html[data-theme="light"] .lp-card,html[data-theme="light"] .lp-box,html[data-theme="light"] .lp-panel{box-shadow:0 1px 2px var(--shadow),0 8px 24px -18px var(--shadow)}
html[data-theme="light"] .pcard b,html[data-theme="light"] .meter b,html[data-theme="light"] .react b,html[data-theme="light"] .motive .mt,
html[data-theme="light"] .stop .de,html[data-theme="light"] .score,html[data-theme="light"] .plan-price,html[data-theme="light"] .auname{color:var(--head)}
html[data-theme="light"] .hl{background:rgba(47,92,240,.14);color:var(--head)}
html[data-theme="light"] .certlist button{color:var(--head);background:rgba(47,92,240,.08)}
html[data-theme="light"] .foot{color:var(--muted)}
html[data-theme="light"] .edot{color:#fff}
html[data-theme="light"] .escore{color:#946300;border-color:var(--signal)}
html[data-theme="light"] .wst,html[data-theme="light"] .lp-word .s i,html[data-theme="light"] .fpick5 button,html[data-theme="light"] .fstars{color:var(--empty-star)}
html[data-theme="light"] .wst b{-webkit-text-stroke:0}
html[data-theme="light"] .wtabs button[aria-pressed="true"]{background:var(--head);color:#fff}
html[data-theme="light"] .fpick5 button.on{color:var(--signal);background:rgba(185,130,0,.1)}
html[data-theme="light"] .adm-body>.adm-tabs button:not([aria-pressed="true"]):hover{color:var(--head)}
html[data-theme="light"] .wtabs button[aria-pressed="true"] .wst{color:rgba(255,255,255,.35)}

/* ---------- Darslar: daraja chizig'i va bekatlar ---------- */
html[data-theme="light"] .line::before{background:repeating-linear-gradient(90deg,var(--dash) 0 10px,transparent 10px 18px)}
html[data-theme="light"] .st.cur .dot{box-shadow:0 0 0 6px rgba(47,92,240,.16)}

/* ---------- Fon: shahar tusi va pastdagi silueti ---------- */
html[data-theme="light"] body[data-tint]:not([data-tint=""]){background:radial-gradient(1100px 520px at 50% -80px,rgba(47,92,240,.10),transparent 70%) no-repeat,var(--bg)}
html[data-theme="light"] .pageline .skyline{color:#E1E7F3}

/* ---------- Kirish ekranlari: tungi osmon o'rniga tonggi osmon ---------- */
html[data-theme="light"] .authstage{--sky:#F4F6FB;--sky2:#D5E1FF;--skyink:#0B1A3A;--skymuted:#4A546A;--gold:#2F5CF0}
html[data-theme="light"] .asky{background:radial-gradient(120% 90% at 50% 110%,var(--sky2),var(--sky) 70%)}
html[data-theme="light"] .asky .skyline{color:#C9D6F2}
html[data-theme="light"] .authmode .foot{color:var(--muted);border-top-color:var(--line)}
html[data-theme="light"] .authmode .foot a{color:var(--accent-text)}
html[data-theme="light"] .authstage .ahero .logo{color:var(--head)}
html[data-theme="light"] .aflag .mflag{box-shadow:0 0 0 1px var(--line2),0 14px 30px -12px var(--shadow)}
html[data-theme="light"] .aroute .rplane path{fill:var(--head)}
html[data-theme="light"] .abtn{border-color:var(--accent);background:var(--accent);color:#fff}
html[data-theme="light"] .abtn:not(.ghost):hover{background:#2450DA}
html[data-theme="light"] .abtn.ghost{background:rgba(255,255,255,.75);color:var(--head);border-color:var(--line2)}
html[data-theme="light"] .abtn.ghost:hover{background:#fff;border-color:var(--accent)}
html[data-theme="light"] .authstage .abtn:focus-visible{outline-color:var(--accent)}
html[data-theme="light"] .authcard{box-shadow:0 24px 60px -30px var(--shadow)}
html[data-theme="light"] .atabs button[aria-pressed="true"]{color:#fff}
html[data-theme="light"] .pweye:hover,html[data-theme="light"] .pweye[aria-pressed="true"]{color:var(--head)}

/* ---------- O'tish pardasi (O'zbekiston → Germaniya): kunduzgi parvoz ---------- */
html[data-theme="light"] .jr{--sky:#F4F6FB;--sky2:#D5E1FF;--skyink:#0B1A3A;--skymuted:#4A546A;--gold:#2F5CF0;background:radial-gradient(120% 90% at 50% 110%,var(--sky2),var(--sky) 70%)}
html[data-theme="light"] .jr .skyline{color:#C9D6F2}
html[data-theme="light"] .jr-grid path,html[data-theme="light"] .jr-ghost{stroke:#0B1A3A}
html[data-theme="light"] .jr-plane path{fill:var(--head);filter:drop-shadow(0 2px 6px rgba(16,32,72,.25))}
html[data-theme="light"] .jr-end .mflag,html[data-theme="light"] .jr-flag .mflag{box-shadow:0 0 0 1px var(--line2),0 14px 30px -12px var(--shadow)}
html[data-theme="light"] .jr-skip{border-color:var(--line2);background:rgba(255,255,255,.8);color:var(--head)}
html[data-theme="light"] .jr-skip:hover{background:#fff}

/* ---------- Oynalar va bildirishnomalar ---------- */
html[data-theme="light"] .pwa-dlg{box-shadow:0 30px 70px -20px rgba(16,32,72,.35)}
html[data-theme="light"] .pwa-dlg::backdrop{background:rgba(11,26,58,.45)}
html[data-theme="light"] .inst button{border-color:var(--line2);color:var(--head)}
html[data-theme="light"] .inst button:hover{background:rgba(47,92,240,.07)}
html[data-theme="light"] .inst button[data-pwa-install="android"] .pic{color:#1E9E5A}
html[data-theme="light"] .instx:hover{color:var(--head)}

/* =====================================================================
   BOSH SAHIFA (lp-*) — yorqin
   ===================================================================== */
html[data-theme="light"] .lp-brand{color:var(--head)}
html[data-theme="light"] .lp-nav a:hover{color:var(--head)}
html[data-theme="light"] .lp-nav .lp-login{border-color:var(--line2);color:var(--head);background:var(--surface)}
html[data-theme="light"] .lp-lead,html[data-theme="light"] .lp-sub{color:var(--soft)}
html[data-theme="light"] .lp-card p{color:var(--muted)}
html[data-theme="light"] .lp-b{border-color:var(--line2);color:var(--head);background:var(--surface)}
html[data-theme="light"] .lp-b:hover{color:var(--head)}
html[data-theme="light"] .lp-b.pri,html[data-theme="light"] .lp-b.pri:hover{color:#fff;background:var(--accent);box-shadow:0 12px 34px -12px rgba(47,92,240,.6)}
html[data-theme="light"] .lp-glow{background:radial-gradient(circle,rgba(47,92,240,.16),rgba(47,92,240,0) 70%)}
html[data-theme="light"] .lp-chip{box-shadow:0 10px 26px -12px var(--shadow)}
html[data-theme="light"] .lp-chip[style*="8FC1FF"]{color:var(--der)!important}
html[data-theme="light"] .lp-chip[style*="FFA3A3"]{color:var(--die)!important}
html[data-theme="light"] .lp-chip[style*="8BE3B0"]{color:var(--das)!important}
html[data-theme="light"] .lp-quiz{box-shadow:0 30px 70px -30px rgba(16,32,72,.35)}
html[data-theme="light"] .lp-quiz .qw,html[data-theme="light"] .lp-panel-h p,html[data-theme="light"] .lp-topics div b,html[data-theme="light"] .lp-word b,
html[data-theme="light"] .lp-box .q,html[data-theme="light"] .lp-ring,html[data-theme="light"] .lp-res b,html[data-theme="light"] .lp-mods span,
html[data-theme="light"] .lp-plan .p,html[data-theme="light"] .lp-lv .c i,html[data-theme="light"] .lp-lv[aria-pressed="true"] b{color:var(--head)}
html[data-theme="light"] .lp-lv[aria-pressed="true"] .c i{color:#fff}
html[data-theme="light"] .lp-qopts .on{color:var(--accent-text)}
html[data-theme="light"] .lp-marq,html[data-theme="light"] .lp-sec,html[data-theme="light"] .lp-final{border-top-color:var(--line)}
html[data-theme="light"] .lp-track{color:#A9B4CC}
html[data-theme="light"] .lp-levels::before{background:repeating-linear-gradient(90deg,var(--dash) 0 10px,transparent 10px 18px);background-size:36px 3px}
html[data-theme="light"] .lp-pts li.ok{background:var(--good-bg);color:#0E5A33}
html[data-theme="light"] .lp-pts li.no{background:var(--bad-bg);color:#8E1F2B}
html[data-theme="light"] .lp-pts i{color:#fff;background:var(--good)}
html[data-theme="light"] .lp-pts li.no i{background:var(--bad)}
html[data-theme="light"] .lp-plan{box-shadow:0 30px 70px -34px rgba(47,92,240,.45)}
html[data-theme="light"] .lp-plan ul{color:var(--ink)}
html[data-theme="light"] .lp-final{background:radial-gradient(900px 420px at 50% 0,rgba(47,92,240,.10),transparent 70%)}
html[data-theme="light"] .lp-final .abtn.ghost{background:var(--surface)}