.login-shell{max-width:480px;margin:0 auto;padding:2rem clamp(1rem,4vw,1.5rem) 4rem}.login-card{padding:1.5rem 1.35rem 1.75rem;border-radius:var(--radius, 16px);border:1px solid var(--border);background:var(--bg-card);box-shadow:0 16px 48px var(--shadow-lg)}.login-card h1{margin:.35rem 0 .5rem;font-size:clamp(1.55rem,4vw,1.9rem)}.login-hint{margin:0 0 1.25rem;line-height:1.45}.login-path{margin:1.25rem 0 0;font-size:.9rem}.login-path a{color:var(--accent)}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.15rem 0;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-oauth-row{display:grid;gap:.55rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1rem;padding:.25rem;border-radius:999px;background:color-mix(in srgb,var(--border) 55%,transparent)}.auth-tab{border:none;border-radius:999px;padding:.55rem .75rem;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;cursor:pointer}.auth-tab.active{background:var(--bg-card);color:var(--text);box-shadow:0 2px 10px #0000002e}.auth-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-yandex,.btn-telegram{width:100%;justify-content:center;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-yandex:hover,.btn-telegram:hover{border-color:var(--accent);transform:none;box-shadow:none}.btn-oauth-icon{width:20px;height:20px}.form-status[hidden],.btn[hidden],form[hidden]{display:none!important}.form-status.success{color:var(--success)}.form-status.error{color:var(--danger)}