/* Kirish sahifasi — zamonaviy ko‘rinish, yumshoq animatsiyalar, adaptiv joylashuv */
@keyframes lytRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lytDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.06)}}
@keyframes lytSpin{to{transform:rotate(360deg)}}

.auth-split{background:var(--bg,#f4f6fb)}
.auth-hero{isolation:isolate;padding:clamp(2rem,5vw,3.5rem)}
.auth-hero::after{background:linear-gradient(160deg,hsl(var(--acc-h) 75% 32% / .86),rgba(6,8,16,.92))}
.auth-hero .blob{position:absolute;border-radius:50%;filter:blur(44px);opacity:.42;z-index:0;pointer-events:none;animation:lytDrift 14s ease-in-out infinite}
.auth-hero .blob.b1{width:340px;height:340px;background:hsl(var(--acc-h) 90% 62%);top:-90px;right:-70px}
.auth-hero .blob.b2{width:260px;height:260px;background:hsl(calc(var(--acc-h) + 60) 90% 60%);bottom:-80px;left:-60px;animation-delay:-6s}
.auth-hero .hero-in{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:100%}
.hero-brand{display:flex;align-items:center;gap:.7rem;font-weight:700;letter-spacing:.3px;margin-bottom:auto}
.hero-brand span{font-size:1.02rem}
.auth-hero h2{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:750;letter-spacing:-.02em}
.auth-hero .chips span{transition:transform .2s ease,background .2s ease}
.auth-hero .chips span:hover{transform:translateY(-2px);background:rgba(255,255,255,.22)}
.rise{animation:lytRise .7s cubic-bezier(.2,.7,.2,1) both}
.rise.d1{animation-delay:.08s}
.rise.d2{animation-delay:.16s}

.auth-form{position:relative;padding-top:4.4rem}
.auth-tools{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.55rem;z-index:2}
.login-card{background:var(--card,#fff);border:1px solid var(--line,#e6eaf2);border-radius:22px;padding:2.2rem 2rem;box-shadow:0 30px 60px -30px rgba(15,23,42,.25),0 2px 6px rgba(15,23,42,.05)}
.login-card h1{margin-bottom:.3rem}
.login-card label{display:block;font-size:.84rem;font-weight:600;color:var(--mut);margin-bottom:1rem}
.login-card label .lbl{display:block;margin-bottom:.1rem}
.login-card input{width:100%;margin-top:.4rem;padding:.78rem .9rem;border-radius:12px;border:1px solid var(--line,#dfe4ee);background:var(--bg,#fafbfd);color:inherit;font:inherit;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.login-card input:hover{border-color:hsl(var(--acc-h) 40% 70%)}
.login-card input:focus{outline:none;border-color:var(--acc);background:var(--card,#fff);box-shadow:0 0 0 4px hsl(var(--acc-h) 85% 60% / .18)}
.login-card .pw input{padding-right:3rem}
.login-card .pw button{transition:color .2s ease,background .2s ease}
.login-card .pw button:hover{background:hsl(var(--acc-h) 60% 96%)}
.login-card .btn{position:relative;width:100%;margin-top:.5rem;padding:.85rem;border-radius:12px;font-weight:700;letter-spacing:.3px;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 12px 24px -12px hsl(var(--acc-h) 80% 50% / .6)}
.login-card .btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.login-card .btn:active{transform:translateY(0) scale(.99)}
.login-card .spin{display:none;position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%}
.login-card form.loading .spin{display:block;animation:lytSpin .7s linear infinite}
.login-card form.loading .btn-txt{visibility:hidden}

html[data-theme=dark] .auth-split{background:#0b0e14}
html[data-theme=dark] .login-card{background:#141a26;border-color:#232c40;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
html[data-theme=dark] .login-card input{background:#0f1420;border-color:#2a3550}
html[data-theme=dark] .login-card input:focus{background:#141a26}

@media (max-width:900px){
  .auth-split{grid-template-columns:1fr}
  .auth-hero{min-height:240px;padding:1.4rem 1.4rem 1.6rem}
  .auth-hero h2{font-size:1.5rem}
  .auth-hero p{font-size:.92rem}
  .auth-form{padding:1rem 1rem 2rem;padding-top:4.2rem}
  .auth-tools{top:.8rem;right:.8rem}
  .login-card{padding:1.6rem 1.3rem;border-radius:18px}
}
@media (prefers-reduced-motion:reduce){
  .auth-hero .blob,.rise,.login-card form.loading .spin{animation:none!important}
  .login-card .btn,.login-card input,.auth-hero .chips span{transition:none!important}
}

/* ---- Kirish: qo‘shimcha elementlar ---- */
[hidden]{display:none!important}
.login-card .alert{margin-bottom:1rem}
.login-card .check-row{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:500;color:var(--mut);cursor:pointer;user-select:none}
.login-card .check-row input{width:auto;margin:0;padding:0;accent-color:var(--acc);box-shadow:none;cursor:pointer}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:-.2rem 0 1rem;flex-wrap:wrap}
.login-card .link{background:none;border:0;color:var(--acc);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;padding:.2rem .1rem;border-radius:6px}
.login-card .link:hover{text-decoration:underline}
.login-card .link:focus-visible,.login-card .check-row input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.forgot-hint{font-size:.85rem;color:var(--mut);background:var(--bg,#f5f7fb);border-radius:10px;padding:.6rem .8rem;margin:0 0 1rem}
.caps{margin:-.4rem 0 .9rem;font-size:.8rem;font-weight:600;color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:.45rem .7rem}
.login-card .btn:disabled{opacity:.85;cursor:progress}
.mobile-lang{display:none;margin:1.2rem auto 0}
html[data-theme=dark] .caps{background:#2a1d0e;border-color:#6b4a1c;color:#fbbf24}
html[data-theme=dark] .forgot-hint{background:#0f1420}
@media (max-width:900px){.mobile-lang{display:inline-flex}.auth-form{padding-bottom:1.4rem}}

/* ---- Til tanlash (kirish sahifasi) ---- */
details.lang-dd.mobile-lang{display:none}
@media (max-width:900px){
  details.lang-dd.mobile-lang{display:inline-block;margin-top:1.2rem}
  .auth-tools details.lang-dd{display:none}
}