/* Страницы входа, вариант 3 (Алина и Михаил 1 ноября): одна карточка, сверху синяя часть с названием, как на обложке, снизу содержимое.
   Подключает auth_base.html, после стиля темы. Подписи от 15 точек. */
html.uch .auth{padding:28px 20px}
html.uch .auth-box{max-width:520px;gap:0;overflow:hidden;border-radius:24px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),0 34px 60px -40px rgba(8,16,48,.6)}

/* синяя часть */
.a-verh{display:grid;justify-items:center;gap:6px;padding:26px 20px 22px;background:radial-gradient(70% 130% at 50% 40%,#21408F,#10204F 55%,#070D22);text-decoration:none}
.a-verh b{font:800 clamp(46px,14vw,74px)/.95 "Alumni Sans","Golos Text",sans-serif;letter-spacing:.005em;text-transform:uppercase;white-space:nowrap;color:#fff}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .a-verh b{background:linear-gradient(90deg,#9AA0AF,#E4E6EB 5%,#FFF 12%,#CDD0D8 21%,#FFF 30%,#D5D8DF 37%,#FFF 62%,#E9EBEF 69%,#FFF 77%,#C3C7D0 88%,#FFF 96%,#B4B9C4);-webkit-background-clip:text;background-clip:text;color:transparent}
}
.a-verh span{font:500 15px/1.2 var(--f-d);letter-spacing:-.01em;text-align:center;color:#DDE2EC}

/* содержимое */
.a-niz{display:flex;flex-direction:column;gap:14px;padding:22px 30px 26px}
.a-niz > p{margin:0}
html.uch[class*=tema-svetlyj] .auth-box h1{margin:0;font:600 22px/1.2 var(--f-d);letter-spacing:-.03em;text-transform:none;color:var(--ink)}
.a-ak{color:var(--acc-text)}
html.uch[class*=tema-svetlyj] .auth-box .lead{margin:6px 0 0;font-size:17px;line-height:1.4;color:var(--muted)}
html.uch[class*=tema-svetlyj] .auth-box .eyebrow{display:inline-flex;align-items:center;min-height:30px;margin:0 0 10px;padding:0 12px;border-radius:999px;background:#EEF2FF;color:#2746C0;font:500 15px/1 var(--f-t);letter-spacing:0;text-transform:none}
html.uch[class*=tema-svetlyj] .auth-box .eyebrow::before{display:none}
.a-sh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}
.a-nad{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#EEF2FF;color:#2746C0;font:500 15px/1 var(--f-t);white-space:nowrap;text-decoration:none}
.a-nad:hover{background:#DFE7FF}
.a-nad:focus-visible,.a-verh:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* форма */
html.uch .auth-box form{gap:14px}
html.uch .auth-box .field{position:relative;gap:6px}
.pokaz-v{position:absolute;right:16px;bottom:9px;min-height:38px;padding:0;border:0;background:none;font:500 15px/1 var(--f-t);color:var(--soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html.uch[class*=tema-svetlyj] .auth-box #password{padding-right:92px}
html.uch .auth-box .error{margin:0;font-size:16px;line-height:1.4}
.a-niz .a-zab{margin:-4px 0 -12px;text-align:center}
html.uch[class*=tema-svetlyj] .auth-box .a-zab a{display:inline-block;padding:8px 0;font-size:16px;color:var(--soft)}

@media (max-width:640px){
  html.uch .auth{padding:20px 16px}
  .a-niz{padding:20px 20px 22px}
}