/* Telas de login / cadastro — com header e footer do site */
.auth-wrap{min-height:60vh;display:flex;align-items:flex-start;justify-content:center;padding:46px 16px 66px}
.auth{width:100%;max-width:412px;background:#121217;border:1px solid var(--line,#2a2a36);border-radius:20px;padding:30px 26px;box-shadow:0 30px 70px #000b;display:flex;flex-direction:column;gap:13px}
.auth-head{text-align:center;margin-bottom:20px}
.auth-head .ico{width:54px;height:54px;margin:0 auto 13px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff5b8a,#ff375f);box-shadow:0 12px 28px #ff375f44}
.auth-head .ico svg{width:27px;height:27px;color:#fff}
.auth-head h1{font-size:23px;font-weight:800;margin:0;letter-spacing:-.3px}
.auth-head p{color:var(--mut,#9aa0ad);font-size:13.5px;margin:7px 0 0;line-height:1.45}
.auth .fld{position:relative;display:flex;align-items:center}
.auth .fld>svg{position:absolute;left:14px;width:18px;height:18px;color:#8b909c;pointer-events:none;z-index:1}
.auth .fld input{width:100%;background:#0b0b0e;border:1px solid #2a2a33;color:#fff;border-radius:12px;padding:14px 14px 14px 44px;font-size:15px;transition:.15s}
.auth .fld input::placeholder{color:#6a6f7a}
.auth .fld input:focus{outline:none;border-color:var(--accent,#ff375f);box-shadow:0 0 0 3px #ff375f22}
.auth .fld .opt{position:absolute;right:13px;font-size:11px;color:#6f7684;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.auth .fld.pw input{padding-right:44px}
.auth .fld .toggle{position:absolute;right:11px;cursor:pointer;color:#8b909c;background:none;border:0;padding:5px;display:flex;align-items:center}
.auth .fld .toggle:hover{color:#c9ced8}
.auth .fld .toggle svg{width:18px;height:18px}
.auth .hint{font-size:12px;color:#6f7684;margin:-5px 2px 0;line-height:1.4}
.auth .keep{display:flex;align-items:center;gap:9px;color:var(--mut);font-size:14px;cursor:pointer;user-select:none;margin:3px 0}
.auth .keep input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}
.auth .go{background:var(--grad,linear-gradient(90deg,#ff5b8a,#ff375f));border:0;color:#fff;font-weight:800;padding:15px;border-radius:12px;font-size:15.5px;cursor:pointer;margin-top:4px;transition:.15s}
.auth .go:hover{filter:brightness(1.06);transform:translateY(-1px)}
.auth .go:active{transform:translateY(0)}
.auth-or{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:12.5px;margin:7px 0 3px}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line,#2a2a36)}
.auth .g-slot{display:flex;justify-content:center;min-height:44px}
.auth .g-err{color:#ff8aa6;font-size:13px;text-align:center}
.auth .err{background:#3a1320;color:#ff8aa6;border-radius:10px;padding:11px 13px;font-size:13px}
.auth .alt{text-align:center;color:var(--mut);font-size:14px;margin-top:8px}
.auth .alt a{color:var(--accent);font-weight:700}
@media(max-width:520px){.auth-wrap{padding:26px 12px 50px}.auth{padding:26px 20px}}
.auth .auth-msg{background:#ffffff0d;color:#c9ced8;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.45;border:1px solid #ffffff14}
.auth-back{display:block;text-align:center;color:var(--mut,#8b909c);font-size:13px;margin-top:10px;text-decoration:none;cursor:pointer}
.auth-back:hover{color:var(--accent,#ff375f)}