/* Nierej — ekrany logowania / rejestracji */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:2}
.auth-aside{background:var(--blue);color:#fff;padding:52px;display:flex;flex-direction:column;
  position:relative;overflow:hidden}
.auth-aside::after{content:"";position:absolute;right:-80px;bottom:-80px;width:340px;height:340px;
  background-image:radial-gradient(rgba(255,255,255,.5) 1.6px,transparent 1.7px);background-size:16px 16px;opacity:.35}
.auth-aside .brand{color:#fff}
.auth-aside .brand .mark{background:#fff;color:var(--blue);box-shadow:3px 3px 0 var(--marigold)}
.auth-aside .hd{margin-top:auto}
.auth-aside h2{color:#fff;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}
.auth-aside p{color:#d6dbff;margin-top:16px;font-size:17px;max-width:34ch}
.auth-aside .mini{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  border-radius:14px;padding:20px;margin-top:28px;max-width:360px}
.auth-aside .mini .row{display:flex;justify-content:space-between;font-family:"Spline Sans Mono";font-size:13px;color:#c9cfff}
.auth-aside .mini .big{font-family:"Spline Sans Mono";font-weight:600;font-size:26px;margin:6px 0 12px}
.auth-aside .mini .mbar{height:10px;border-radius:100px;background:rgba(255,255,255,.2);overflow:hidden}
.auth-aside .mini .mbar span{display:block;height:100%;width:62%;background:var(--marigold);border-radius:100px}

.auth-main{display:flex;align-items:center;justify-content:center;padding:40px 28px}
.auth-form{width:100%;max-width:400px}
.auth-form .top{margin-bottom:26px}
.auth-form h1{font-size:30px}
.auth-form .sub{color:var(--ink-2);margin-top:8px;font-size:15.5px}
.auth-form form{display:flex;flex-direction:column;gap:15px}
.auth-form .btn{margin-top:6px}
.auth-form .alt{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);
  text-align:center;color:var(--ink-2);font-size:15px}
.auth-form .alt a{color:var(--blue);font-weight:600}
.auth-form .back{display:inline-flex;align-items:center;gap:7px;color:var(--ink-3);font-size:14px;margin-bottom:22px}
.auth-form .back:hover{color:var(--ink)}
.auth-err{background:var(--bad-soft);border:1.5px solid var(--bad);color:var(--bad);border-radius:11px;
  padding:12px 14px;font-size:14px;margin-bottom:6px}
.auth-err ul{margin:0;padding-left:18px}
@media(max-width:820px){.auth{grid-template-columns:1fr}.auth-aside{display:none}}