/* S57 hodim paneli: pages/login.css (A). To'q lenta + aurora joyi (D: H.bg.mount), ism kartalari, kod kataklari. */
.login { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; background:var(--bg); }
.band { position:relative; overflow:hidden; background:var(--fold); color:var(--on-fold); padding:28px 24px 40px; }
.band .aurora { position:absolute; inset:0; pointer-events:none; }
.band .aurora span { position:absolute; border-radius:50%; filter:blur(48px); opacity:.55; }
.band .au1 { width:320px; height:320px; left:-80px; top:-140px; background:var(--v); }
.band .au2 { width:260px; height:260px; right:-60px; top:-60px; background:var(--blue); opacity:.32; }
.band .au3 { width:220px; height:220px; left:40%; bottom:-160px; background:var(--lilac); opacity:.4; }
.bandin { position:relative; max-width:440px; margin:0 auto; }
.bandtop { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:28px; }
.band .wm img { height:30px; }
.band .langsw { background:rgba(255,255,255,.1); }
.band .lpill { color:var(--on-fold-2); }
.band .lpill:hover { color:var(--on-fold); }
.band .lpill[aria-pressed="true"] { background:var(--on-fold); color:var(--fold); }
.bapp { font-size:28px; font-weight:700; letter-spacing:-.02em; }
.btag { margin-top:6px; color:var(--on-fold-2); font-size:15px; max-width:340px; }
.lbody { flex:1; width:100%; max-width:440px; margin:0 auto; padding:28px 20px 40px; }
.lbody h1 { font-size:22px; margin:0 0 4px; }
.lbody .sub { color:var(--gray); margin:0 0 22px; }
.people { display:grid; gap:10px; }
.person { display:flex; align-items:center; gap:14px; width:100%; min-height:64px; padding:12px 16px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); text-align:left; font-weight:600; font-size:16px; transition:border-color var(--dur), background var(--dur), transform var(--dur) var(--ease); }
.person:hover { border-color:var(--v); }
.person .pname { flex:1; min-width:0; }
.person .av, .who .av { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--v-t); color:var(--v); font-weight:700; flex:none; }
.person.last .av { background:var(--v); color:var(--on-v); }
.person svg.ic { color:var(--gray3); }
.who { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r); margin-bottom:8px; }
.who b { flex:1; min-width:0; }
.otp { position:relative; }
.otp-boxes { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; }
.otp-b { display:grid; place-items:center; height:56px; border:1px solid var(--line); border-radius:var(--ri); background:var(--card); font-size:24px; font-weight:700; font-variant-numeric:tabular-nums; }
.otp-b.on { border-color:var(--v-s); }
.otp-b.cur { border-color:var(--v); }
.otp.bad .otp-b { border-color:var(--red); }
.otp-in { position:absolute; inset:0; width:100%; height:100%; opacity:0; border:0; font-size:16px; }
@media (min-width:1024px) {
  .login { flex-direction:row; }
  .band { flex:0 0 46%; display:flex; align-items:center; padding:48px; }
  .bandin { width:100%; }
  .bapp { font-size:40px; }
  .lbody { display:flex; flex-direction:column; justify-content:center; }
}

/* S61: «Ko'rish rejimi kodi» (faqat Bunyod uchun): kichik, ko'zga tashlanmaydigan havola-tugma */
.login .pv-open { display:block; margin:18px auto 0; color:var(--gray); font-weight:500; }