.auth-shell{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:32px 16px}.auth-card{width:min(100%,560px);display:grid;gap:14px}.auth-card h1{margin:0;font-size:36px}.auth-card p{color:var(--muted);margin:0 0 8px}.check{grid-template-columns:20px 1fr;align-items:center}.check input{min-height:auto}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.auth-card .avatar-picker{min-width:0;margin:8px 0;padding:16px;border:1px solid rgba(94,133,199,.28);border-radius:18px;background:rgba(9,16,34,.55)}
.auth-card .avatar-picker legend{padding:0 8px;color:#f5f8ff;font-weight:800}.auth-card .avatar-picker>p{margin:0 0 14px;color:var(--muted);font-size:13px}
.auth-card .avatar-picker__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.auth-card .avatar-option{position:relative;display:grid;gap:6px;min-width:0;cursor:pointer;text-align:center}
.auth-card .avatar-option input{position:absolute;width:1px;height:1px;opacity:0}
.auth-card .avatar-option__visual{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:5px;overflow:hidden;border:2px solid rgba(116,145,198,.25);border-radius:50%;background:linear-gradient(145deg,#172545,#10172d);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.auth-card .avatar-option__visual img{display:block;width:100%;height:100%;object-fit:contain}
.auth-card .avatar-option__check{position:absolute;right:0;bottom:0;display:none;place-items:center;width:24px;height:24px;border:2px solid #0c1429;border-radius:50%;background:#22d3ee;color:#07101d;font-weight:900}
.auth-card .avatar-option__name{color:#aebbd3;font-size:10px;line-height:1.2}
.auth-card .avatar-option input:checked+.avatar-option__visual{border-color:#41ddf4;box-shadow:0 0 0 3px rgba(34,211,238,.12),0 0 22px rgba(91,89,225,.2)}
.auth-card .avatar-option input:checked+.avatar-option__visual .avatar-option__check{display:grid}
.auth-card .avatar-option input:focus-visible+.avatar-option__visual{outline:3px solid #22d3ee;outline-offset:3px}
@media(max-width:560px){.auth-card .avatar-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:390px){.auth-card .avatar-picker{padding:13px}.auth-card .avatar-picker__grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.auth-card .avatar-option__visual{transition:none}}