/* ---------- iOS uslubi: butun tizim uchun oxirgi qatlam ----------
   style.css va theme.css dan keyin yuklanadi (inc/header.php). Faqat ekran uchun (chop etish o'zgarmaydi).
   Yorug' (klassik) — iOS yorug' ranglari, Qorong'i (tun) — iOS qorong'i ranglari; Ko'z himoyasi o'z ranglarini saqlaydi,
   faqat shakllar iOS'dek bo'ladi. Yuqori kontrast mavzusiga tegilmaydi. */
@media screen {

/* ===== Ranglar (Apple tizim ranglari; matn uchun to'qroq variantlar — kontrast 4.5:1) ===== */
html:not([data-theme="kontrast"]):not([data-theme="koz"]):not([data-theme="tun"]):not([data-theme="adminlte"]) {
  --bg:#f2f2f7; --card:#fff; --soft:#f2f2f7; --text:#1c1c1e; --muted:#6c6c70; --line:#e3e3e8; --input:#d1d1d6;
  --brand:#007aff; --brand-dark:#0062cc; --brand-2:#e5f0ff; --brand-grad:linear-gradient(135deg, #007aff 0%, #5856d6 100%);
  --ok:#248a3d; --ok-bg:#e3f7e8; --err:#d70015; --err-bg:#ffe5e3; --warn:#c93400; --warn-bg:#fff1dc; --info:#0071a4;
  --teal:#0e8a9f; --purple:#8944ab; --indigo:#5856d6; --pink:#d30f45; --orange:#c93400; --amber:#b25000;
  --top:rgba(249,249,251,.78); --side-bg:rgba(242,242,247,.86); --side-hover:rgba(118,118,128,.12);
  --fill:rgba(118,118,128,.12); --fill-2:rgba(118,118,128,.2);
  --mica:var(--bg);
}
html[data-theme="tun"] {
  --bg:#000; --card:#1c1c1e; --soft:#2c2c2e; --text:#f5f5f7; --muted:#98989f; --line:#38383a; --input:#48484a;
  --brand:#0a84ff; --brand-dark:#0071e3; --brand-2:#0a2a4d; --brand-grad:linear-gradient(135deg, #0a84ff 0%, #5e5ce6 100%);
  --ok:#30d158; --ok-bg:#0f2e18; --err:#ff453a; --err-bg:#3a1210; --warn:#ff9f0a; --warn-bg:#36260a; --info:#64d2ff;
  --top:rgba(22,22,24,.72); --side-bg:rgba(28,28,30,.86); --side-hover:rgba(118,118,128,.24);
  --fill:rgba(118,118,128,.24); --fill-2:rgba(118,118,128,.32);
  --mica:var(--bg);
}
html[data-theme="koz"] { --fill:rgba(120,96,60,.12); --fill-2:rgba(120,96,60,.2); }
html:not([data-theme="kontrast"]):not(.no-ios) { --radius:12px; --r-sm:10px; --ios-ease:cubic-bezier(.25,.1,.25,1); }

/* ===== Shrift va fon ===== */
html:not([data-theme="kontrast"]):not(.no-ios) body {
  font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, Roboto, sans-serif;
  background:var(--bg); letter-spacing:-.01em; -webkit-font-smoothing:antialiased;
}
html:not([data-theme="kontrast"]):not(.no-ios) :is(h1, h2, h3) { letter-spacing:-.022em; }
html:not([data-theme="kontrast"]):not(.no-ios) .content-wrapper h1 { font-size:clamp(1.6rem, 2.4vw, 2.05rem); font-weight:700; }

/* ===== Yuqori panel va yon menyu: shaffof oyna (material) ===== */
html:not([data-theme="kontrast"]):not(.no-ios) .main-header {
  background:var(--top); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
  border-bottom:.5px solid var(--line); box-shadow:none;
}
html:not([data-theme="kontrast"]):not(.no-ios) .main-sidebar {
  background:var(--side-bg); -webkit-backdrop-filter:saturate(180%) blur(24px); backdrop-filter:saturate(180%) blur(24px);
  border-right:.5px solid var(--line); box-shadow:none;
}
html:not([data-theme="kontrast"]):not(.no-ios) .main-sidebar .brand-link { border-bottom:0; }
html:not([data-theme="kontrast"]):not(.no-ios) .nav-sidebar .nav-link { border-radius:10px; margin:1px 8px; padding:8px 10px; transition:background .15s var(--ios-ease); }
html:not([data-theme="kontrast"]):not(.no-ios) .nav-sidebar .nav-link:hover { background:var(--side-hover); }
html:not([data-theme="kontrast"]):not(.no-ios) .nav-sidebar .nav-link.on { background:var(--brand); color:#fff !important; box-shadow:none; }
html:not([data-theme="kontrast"]):not(.no-ios) .nav-sidebar .nav-link.on .nav-icon { color:#fff !important; }
html:not([data-theme="kontrast"]):not(.no-ios) .nav-sidebar .nav-link .badge { border-radius:999px; }
html:not([data-theme="kontrast"]):not(.no-ios) .nav-header { text-transform:none; letter-spacing:-.005em; font-size:.8rem; font-weight:600; color:var(--muted); padding:14px 18px 4px; }
html:not([data-theme="kontrast"]):not(.no-ios) .user-panel { border-top:.5px solid var(--line); background:transparent; }

/* ===== Kartalar: yaxlit, chegarasiz, yumshoq soya ===== */
html:not([data-theme="kontrast"]):not(.no-ios) :where(.card, .table-wrap, .stat, .small-box, .filters, .bulkbar, .question, .qblock, .role-card, .auth-card, .announce, .cred-card) {
  border:0; border-radius:16px; box-shadow:0 1px 2px rgba(0,0,0,.04), 0 0 0 .5px rgba(0,0,0,.04);
}
html[data-theme="tun"] :where(.card, .table-wrap, .stat, .small-box, .filters, .bulkbar, .question, .qblock, .role-card, .auth-card, .announce, .cred-card) { box-shadow:none; }
html:not([data-theme="kontrast"]):not(.no-ios) .small-box { border-radius:20px; transition:transform .25s var(--ios-ease); }
html:not([data-theme="kontrast"]):not(.no-ios) .small-box:hover { transform:translateY(-2px); }
html:not([data-theme="kontrast"]):not(.no-ios) .small-box .more { border-top:.5px solid var(--line); }
html:not([data-theme="kontrast"]):not(.no-ios) .welcome { border-radius:22px; box-shadow:0 12px 30px -12px color-mix(in srgb, var(--brand) 55%, transparent); }
html:not([data-theme="kontrast"]):not(.no-ios) .page-hint { border:0; border-radius:14px; background:var(--card); box-shadow:0 0 0 .5px rgba(0,0,0,.05); }

/* ===== Tugmalar: to'ldirilgan (filled) va bo'yalgan (tinted) ===== */
html:not([data-theme="kontrast"]):not(.no-ios) :where(button, .btn):not(:where(.switch, .chip, .link, .pw-toggle, .modal-x, .menu-btn, .nav-btn, .calc-k, .lang-switch *, .theme-dots *, .theme-list *, .role-switch *, .qnav *, .chips *, .as-chips *, .as-ghead *, .zoom-tools *, .exam-aids *, .tool-win *, .tabs *, .cmdk *, .faq *)) {
  border-radius:12px; font-weight:600; letter-spacing:-.01em; box-shadow:none !important; border:0;
  transition:transform .12s var(--ios-ease), background .15s, opacity .15s, filter .15s;
}
html:not([data-theme="kontrast"]):not(.no-ios) :where(button, .btn):not(.secondary):not(.danger):not(:where(.switch, .chip, .link, .pw-toggle, .modal-x, .menu-btn, .nav-btn, .calc-k, .lang-switch *, .theme-dots *, .theme-list *, .role-switch *, .qnav *, .chips *, .as-chips *, .as-ghead *, .zoom-tools *, .exam-aids *, .tool-win *, .tabs *, .cmdk *, .faq *)):hover:not(:disabled) { filter:brightness(1.06); }
html:not([data-theme="kontrast"]):not(.no-ios) :where(button, .btn):not(:where(.switch, .chip, .link, .pw-toggle, .modal-x, .menu-btn, .nav-btn, .calc-k, .lang-switch *, .theme-dots *, .theme-list *, .role-switch *, .qnav *, .chips *, .as-chips *, .as-ghead *, .zoom-tools *, .exam-aids *, .tool-win *, .tabs *, .cmdk *, .faq *)):not(:disabled):active { transform:scale(.97); }
html:not([data-theme="kontrast"]):not(.no-ios) :where(button, .btn).secondary:not(:where(.switch, .chip, .link, .pw-toggle, .modal-x, .menu-btn, .nav-btn, .calc-k, .lang-switch *, .theme-dots *, .theme-list *, .role-switch *, .qnav *, .chips *, .as-chips *, .as-ghead *, .zoom-tools *, .exam-aids *, .tool-win *, .tabs *, .cmdk *, .faq *)) { background:var(--fill); color:var(--brand); border:0; }
html:not([data-theme="kontrast"]):not(.no-ios) :where(button, .btn).secondary:not(:where(.switch, .chip, .link, .pw-toggle, .modal-x, .menu-btn, .nav-btn, .calc-k, .lang-switch *, .theme-dots *, .theme-list *, .role-switch *, .qnav *, .chips *, .as-chips *, .as-ghead *, .zoom-tools *, .exam-aids *, .tool-win *, .tabs *, .cmdk *, .faq *)):hover:not(:disabled) { background:var(--fill-2); }
html:not([data-theme="kontrast"]):not(.no-ios) .welcome :is(button, .btn) { background:#fff; color:var(--brand); }
html:not([data-theme="kontrast"]):not(.no-ios) .welcome :is(button, .btn).ghost, html:not([data-theme="kontrast"]):not(.no-ios) .welcome :where(button, .btn).secondary:not(:where(.switch, .chip, .link, .pw-toggle, .modal-x, .menu-btn, .nav-btn, .calc-k, .lang-switch *, .theme-dots *, .theme-list *, .role-switch *, .qnav *, .chips *, .as-chips *, .as-ghead *, .zoom-tools *, .exam-aids *, .tool-win *, .tabs *, .cmdk *, .faq *)) { background:rgba(255,255,255,.2); color:#fff; }

/* ===== Maydonlar: iOS'dagi kabi to'ldirilgan, chegarasiz ===== */
html:not([data-theme="kontrast"]):not(.no-ios) :where(input:not([type=checkbox], [type=radio], [type=range], [type=color], [type=file], [type=submit]), select, textarea):not(:where(.chat-compose *, .exam-mode .opt-row *)) {
  background:var(--fill); border:1px solid transparent; border-radius:10px; min-height:42px; color:var(--text);
  transition:background .15s, border-color .15s, box-shadow .15s;
}
html:not([data-theme="kontrast"]):not(.no-ios) :where(input:not([type=checkbox], [type=radio], [type=file]), select, textarea):hover { border-color:transparent; background:var(--fill-2); }
html:not([data-theme="kontrast"]):not(.no-ios) :where(input:not([type=checkbox], [type=radio], [type=file]), select, textarea):focus {
  background:var(--card); border-color:var(--brand); box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);
}
html:not([data-theme="kontrast"]):not(.no-ios) :is(input, select, textarea)[aria-invalid="true"] { border-color:var(--err); }
html:not([data-theme="kontrast"]):not(.no-ios) input[type=checkbox], html:not([data-theme="kontrast"]):not(.no-ios) input[type=radio] { accent-color:var(--brand); }
html:not([data-theme="kontrast"]):not(.no-ios) .picker { background:var(--fill); border:1px solid transparent; border-radius:10px; color:var(--text); font-weight:500; }
html:not([data-theme="kontrast"]):not(.no-ios) .picker:hover { background:var(--fill-2); border-color:transparent; }
html:not([data-theme="kontrast"]):not(.no-ios) .search-trigger { background:var(--fill); border:0; border-radius:10px; }

/* ===== Kalit (switch): iOS o'lchami va yashil rangi ===== */
html:not([data-theme="kontrast"]):not(.no-ios) .switch { width:51px; height:31px; border-radius:999px; background:var(--fill-2); transition:background .25s var(--ios-ease); }
html:not([data-theme="kontrast"]):not(.no-ios) .switch span { top:2px; left:2px; width:27px; height:27px; box-shadow:0 3px 8px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.16); transition:left .25s var(--ios-ease); }
html:not([data-theme="kontrast"]):not(.no-ios) .switch.on, html:not([data-theme="kontrast"]):not(.no-ios) .switch.on:hover { background:#34c759; }
html:not([data-theme="kontrast"]):not(.no-ios) .switch.on span { left:22px; }

/* ===== Bo'limlar (tabs): segmentlangan boshqaruv ===== */
html:not([data-theme="kontrast"]):not(.no-ios) .tabs {
  display:inline-flex; flex-wrap:wrap; gap:2px; padding:2px; border:0; border-radius:10px; background:var(--fill); max-width:100%;
}
html:not([data-theme="kontrast"]):not(.no-ios) .tabs a {
  border:0 !important; border-radius:8px; margin:0; padding:6px 14px; color:var(--text); font-weight:500; display:inline-flex; align-items:center; gap:6px;
  transition:background .2s var(--ios-ease), box-shadow .2s;
}
html:not([data-theme="kontrast"]):not(.no-ios) .tabs a:hover { background:rgba(255,255,255,.35); text-decoration:none; }
html:not([data-theme="kontrast"]):not(.no-ios) .tabs a.on { background:var(--card); color:var(--text); font-weight:600; box-shadow:0 3px 8px rgba(0,0,0,.12), 0 3px 1px rgba(0,0,0,.04); }
html[data-theme="tun"] .tabs a.on { background:#636366; }
html:not([data-theme="kontrast"]):not(.no-ios) .tabs a i { color:var(--muted); } html:not([data-theme="kontrast"]):not(.no-ios) .tabs a.on i { color:var(--brand); }
html:not([data-theme="kontrast"]):not(.no-ios) .tabs .cnt { border-radius:999px; }
html:not([data-theme="kontrast"]):not(.no-ios) .tabs + * { margin-top:14px; }

/* ===== Tanlov tugmachalari (chips) ===== */
html:not([data-theme="kontrast"]):not(.no-ios) .chips .chip { border:0; background:var(--fill); color:var(--text); min-height:32px; padding:4px 13px; font-weight:500; }
html:not([data-theme="kontrast"]):not(.no-ios) .chips .chip:hover:not(:disabled) { background:var(--fill-2); color:var(--text); }
html:not([data-theme="kontrast"]):not(.no-ios) .chips .chip.on { background:var(--brand); color:#fff; }

/* ===== Jadvallar: iOS ro'yxati (inset grouped) ===== */
html:not([data-theme="kontrast"]):not(.no-ios) .table-wrap { background:var(--card); overflow:auto; }
html:not([data-theme="kontrast"]):not(.no-ios) th {
  background:var(--card); color:var(--muted); text-transform:none; letter-spacing:-.005em; font-size:.8rem; font-weight:600;
  border-bottom:.5px solid var(--line);
}
html:not([data-theme="kontrast"]):not(.no-ios) td { border-top:.5px solid var(--line); }
html:not([data-theme="kontrast"]):not(.no-ios) .table-wrap tr:hover td { background:color-mix(in srgb, var(--fill) 60%, transparent); }
html:not([data-theme="kontrast"]):not(.no-ios) .table-wrap tr.sel td { background:var(--brand-2) !important; }

/* ===== Belgilar, xabarlar, oynalar ===== */
html:not([data-theme="kontrast"]):not(.no-ios) :is(.tag, .badge) { border-radius:999px; }
html:not([data-theme="kontrast"]):not(.no-ios) .flash { border:0; border-radius:14px; }
html:not([data-theme="kontrast"]):not(.no-ios) .flash.ok { background:var(--ok-bg); color:var(--ok); }
html:not([data-theme="kontrast"]):not(.no-ios) .flash.err { background:var(--err-bg); color:var(--err); }
html:not([data-theme="kontrast"]):not(.no-ios) .flash.warn { background:var(--warn-bg); color:var(--warn); border:0; }
html:not([data-theme="kontrast"]):not(.no-ios) .modal-back { background:rgba(0,0,0,.28); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
html:not([data-theme="kontrast"]):not(.no-ios) .modal {
  border-radius:20px; background:color-mix(in srgb, var(--card) 92%, transparent);
  -webkit-backdrop-filter:saturate(180%) blur(30px); backdrop-filter:saturate(180%) blur(30px);
  box-shadow:0 30px 60px rgba(0,0,0,.25); animation:iosPop .28s var(--ios-ease);
}
@keyframes iosPop { from { opacity:0; transform:scale(1.08); } to { opacity:1; transform:none; } }
html:not([data-theme="kontrast"]):not(.no-ios) .toast {
  border:0; border-radius:16px; background:color-mix(in srgb, var(--card) 88%, transparent);
  -webkit-backdrop-filter:saturate(180%) blur(24px); backdrop-filter:saturate(180%) blur(24px); box-shadow:0 10px 30px rgba(0,0,0,.18);
}
html:not([data-theme="kontrast"]):not(.no-ios) :is(.user-menu, .theme-list, .dd-menu, .cmdk) { border-radius:14px; }
html:not([data-theme="kontrast"]):not(.no-ios) details > summary { border-radius:10px; }

/* ===== Mayda tafsilotlar ===== */
html:not([data-theme="kontrast"]):not(.no-ios) a { text-underline-offset:2px; }
html:not([data-theme="kontrast"]):not(.no-ios) ::selection { background:color-mix(in srgb, var(--brand) 25%, transparent); }
html:not([data-theme="kontrast"]):not(.no-ios) * { scrollbar-width:thin; scrollbar-color:var(--fill-2) transparent; }
html:not([data-theme="kontrast"]):not(.no-ios) .breadcrumb { font-size:.85rem; }
html:not([data-theme="kontrast"]):not(.no-ios) .main-footer { border-top:.5px solid var(--line); }

}
@media screen and (prefers-reduced-motion:reduce) { .modal { animation:none !important; } }

/* ---------- Kirish sahifasi (login.php): chapda brend paneli, o'ngda forma ---------- */
.auth2 { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); max-width:1080px; margin:28px auto; min-height:min(640px, calc(100vh - 150px));
  border-radius:24px; overflow:hidden; background:var(--card); border:1px solid var(--stroke, var(--line)); box-shadow:0 24px 60px -24px rgba(15,23,42,.25); }
.auth2-side { position:relative; overflow:hidden; display:flex; flex-direction:column; gap:18px; padding:40px 40px 32px; color:#fff; background:var(--brand-grad); isolation:isolate; }
.auth2-side::before, .auth2-side::after { content:""; position:absolute; z-index:-1; border-radius:50%; background:rgba(255,255,255,.08); }
.auth2-side::before { width:420px; height:420px; right:-170px; bottom:-170px; }
.auth2-side::after { width:220px; height:220px; left:-90px; top:-90px; background:rgba(255,255,255,.06); }
.auth2-brand { display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; }
.auth2-brand span { display:flex; flex-direction:column; line-height:1.2; } .auth2-brand b { font-size:1.2rem; } .auth2-brand small { opacity:.8; }
.logo.lg { width:48px; height:48px; font-size:22px; border-radius:14px; }
.auth2-side .logo { background:rgba(255,255,255,.18) !important; box-shadow:none !important; }
.auth2-org { display:flex; flex-direction:column; gap:2px; padding:10px 14px; border-radius:12px; background:rgba(255,255,255,.12); font-size:.8rem; line-height:1.3; text-align:left; }
.auth2-org small { opacity:.85; text-transform:none; } .auth2-org b { font-weight:600; }
.auth2-side h2 { color:#fff; font-size:2rem; line-height:1.12; letter-spacing:-.02em; margin:8px 0 0; font-weight:800; }
.auth2-side h2 em { font-style:normal; opacity:.75; }
.auth2-side > p { margin:0; opacity:.9; font-size:1.02rem; max-width:420px; }
.auth2-feats { display:grid; gap:10px; margin-top:4px; }
.auth2-feats a { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px; color:#fff; text-decoration:none; background:rgba(255,255,255,.08); transition:background .2s, transform .2s; }
.auth2-feats a:hover { background:rgba(255,255,255,.18); transform:translateX(3px); }
.auth2-feats i { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:11px; background:rgba(255,255,255,.18); }
.auth2-feats span { display:flex; flex-direction:column; } .auth2-feats b { font-weight:600; font-size:.95rem; } .auth2-feats small { opacity:.8; font-size:.82rem; }
.auth2-nums { display:flex; gap:22px; margin-top:auto; padding-top:8px; }
.auth2-nums span { display:flex; flex-direction:column; } .auth2-nums b { font-size:1.5rem; font-weight:800; } .auth2-nums small { opacity:.8; font-size:.8rem; }
.auth2-phone { color:#fff; opacity:.9; text-decoration:none; font-size:.9rem; } .auth2-phone:hover { opacity:1; text-decoration:underline; }
.auth2-main { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:40px 44px 28px; }
.auth2 .auth-card { width:100%; max-width:380px; padding:0; border:0; box-shadow:none; background:none; }
.auth2 .auth-card h1 { font-size:1.7rem; margin:0 0 4px; } .auth2 .auth-card h1::before { display:none; }
.auth2 .auth-card > p { color:var(--muted); margin:0 0 20px; }
.auth2-mbrand { display:none; }
.auth2-row { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:2px 0 14px; font-size:.9rem; }
.auth2-row .check { margin:0; font-weight:500; }
.auth2-note { display:flex; gap:8px; align-items:flex-start; font-size:.9rem; }
.auth2-help { margin-top:16px; font-size:.9rem; }
.auth2-help summary { cursor:pointer; color:var(--muted); list-style:none; } .auth2-help summary::-webkit-details-marker { display:none; }
.auth2-help summary:hover { color:var(--brand); }
.auth2-help ul { margin:10px 0 6px; padding:0; list-style:none; display:grid; gap:6px; }
.auth2-help li b { display:inline-block; min-width:30px; color:var(--brand); font-family:ui-monospace, monospace; }
.auth2 .auth-foot { text-align:center; }
.auth2-links { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 14px; font-size:.86rem; }
.auth2-links a { color:var(--muted); text-decoration:none; } .auth2-links a:hover { color:var(--brand); }
.auth2-links i { margin-right:4px; }
html[data-theme="tun"] .auth2 { box-shadow:none; }
@media (max-width:900px) {
  .auth2 { grid-template-columns:1fr; margin:0 auto; border-radius:0; border:0; box-shadow:none; min-height:0; background:none; }
  .auth2-side { display:none; }
  .auth2-main { padding:22px 16px 20px; }
  .auth2 .auth-card { max-width:420px; padding:26px 22px 20px; border-radius:18px; background:var(--card); border:1px solid var(--stroke, var(--line)); }
  .auth2-mbrand { display:flex; align-items:center; gap:10px; margin-bottom:16px; } .auth2-mbrand b { font-size:1.1rem; }
}
.auth2-org, .auth2-org b, .auth2-org small { color:#fff !important; letter-spacing:0; }
.auth2-org b { text-transform:none; font-size:.9rem; }
@media (min-width:901px) { .auth2 .auth-card { border:0 !important; box-shadow:none !important; background:none !important; } }

/* ---------- Bosh sahifa: kartalar havola bo'ldi, yangi bo'limlar (bank, maktabni ulash) ---------- */
a.feature, a.role-tile, a.lp-join-step { display:flex; flex-direction:column; color:inherit; text-decoration:none; }
a.feature:hover, a.role-tile:hover, a.lp-join-step:hover { transform:translateY(-3px); box-shadow:0 16px 36px -18px rgba(15,23,42,.35); }
.lp-more { margin-top:auto; padding-top:12px; font-size:.88rem; font-weight:600; color:var(--brand); display:inline-flex; align-items:center; gap:6px; }
.lp-more i { font-size:.75rem; transition:transform .2s; margin:0 !important; color:inherit !important; }
a:hover > .lp-more i { transform:translateX(4px); }
.lp-bank { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:980px; margin:0 auto; }
.lp-bank a { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; background:var(--card); border:1px solid var(--stroke, var(--line)); color:var(--text); text-decoration:none; font-weight:500; transition:border-color .2s, transform .2s; }
.lp-bank a:hover { border-color:var(--brand); transform:translateY(-2px); }
.lp-bank a i { color:var(--brand); }
.lp-bank a b { min-width:24px; padding:1px 8px; border-radius:999px; background:var(--brand-2); color:var(--brand); font-size:.82rem; text-align:center; }
.lp-join { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; max-width:1100px; margin:0 auto; }
.lp-join-step { position:relative; padding:26px 24px 22px; border-radius:18px; background:var(--card); border:1px solid var(--stroke, var(--line)); transition:transform .25s, box-shadow .25s; }
.lp-join-step > i { width:46px; height:46px; display:grid; place-items:center; border-radius:13px; background:var(--brand-2); color:var(--brand); font-size:19px; margin-bottom:14px; }
.lp-join-step h3 { font-size:1.08rem; margin:0 0 6px; } .lp-join-step p { margin:0; color:var(--muted); font-size:.93rem; }
.lp-join-n { position:absolute; right:18px; top:14px; font-size:2.4rem; font-weight:800; line-height:1; color:color-mix(in srgb, var(--brand) 14%, transparent); }
.lp-contact { text-align:center; margin:22px 0 0; color:var(--muted); } .lp-contact a { color:var(--brand); text-decoration:none; } .lp-contact i { color:var(--brand); margin-right:4px; }
@media (max-width:820px) { .lp-join { grid-template-columns:1fr; } }

/* Faolsizlik ogohlantirishi (app.js keepAlive) */
.idle-bar { position:fixed; left:50%; bottom:22px; transform:translateX(-50%); z-index:9999; display:flex; align-items:center; gap:14px; max-width:calc(100% - 32px);
  padding:12px 14px 12px 18px; border-radius:14px; background:#1f2937; color:#fff; box-shadow:0 16px 40px rgba(0,0,0,.3); font-size:.92rem; animation:idleIn .3s ease; }
.idle-bar button { flex:none; padding:8px 14px; border-radius:10px; border:0; background:var(--brand); color:#fff; font-weight:600; cursor:pointer; min-height:0; }
@keyframes idleIn { from { opacity:0; transform:translate(-50%, 12px); } }
@media print { .idle-bar { display:none; } }