.vk-login{max-width:480px;margin:26px 0;color:var(--ink)}
.vk-login-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin-bottom:20px}
.vk-login-divider:before,.vk-login-divider:after{content:'';height:1px;background:var(--line);flex:1}
.vk-login-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65;margin-bottom:18px}
.vk-login-consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--wine)}
.vk-login-consent a{color:var(--wine)}
.vk-login-widget{min-height:44px;width:100%;overflow:hidden;border-radius:8px}
.vk-login-widget[hidden],.vk-login [hidden]{display:none}
.vk-login[aria-busy=true] .vk-login-widget{pointer-events:none;opacity:.6}
.vk-login .hint{color:var(--muted);line-height:1.6}

/* Keep all sign-in methods in one compact card; scope overrides to login only. */
#page-screen .login-page .login-shell.shell{width:100%;max-width:480px;margin-inline:auto;padding:32px 20px 48px}
.login-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink)}
.login-card .section-head{display:block;margin:0 0 22px}
.login-card .section-head .eyebrow{font-size:10px;margin:0 0 8px}
.login-card .section-head h2.display{font:500 32px/1.15 var(--sans);letter-spacing:-1px;margin:0 0 10px}
.login-card .section-head p{font-size:13px;line-height:1.55;margin:0;color:var(--muted)}
.login-card .auth-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:none;padding:0;margin:0;background:transparent;border:0}
.login-card .auth-form .field{display:block;min-width:0;margin:0}
.login-card .field-label{font-size:11px;letter-spacing:.04em;margin:0 0 6px;color:var(--muted)}
.login-card .form-input{width:100%;min-height:44px;padding:10px 12px;font-size:15px;line-height:1.4;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}
.login-card .auth-form>.button{width:100%;min-height:44px;padding:10px 14px;font-size:14px}
.login-card .hint{font-size:11px;line-height:1.55;margin:0;color:var(--muted)}
.login-card .vk-login{max-width:none;margin:20px 0 0}
.login-card .vk-login-divider{margin-bottom:14px;font-size:11px}
.login-card .vk-login-consent{font-size:11px;margin:0 0 12px}
.login-card .vk-login [data-vk-status]{margin-top:8px}
.login-card .login-legal{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:10px;line-height:1.5}
.login-card .login-legal a{color:var(--muted);text-underline-offset:3px}
@media(max-width:600px){#page-screen .login-page .login-shell.shell{padding:20px 16px 32px}.login-card{padding:20px 18px}.login-card .section-head h2.display{font-size:28px}.login-card .form-input{font-size:16px}}

.login-card .vk-login-disabled:disabled{display:block;width:100%;min-height:44px;margin:0 0 8px;padding:10px 14px;opacity:.45;cursor:not-allowed;background:var(--paper);color:var(--muted);border:1px solid var(--line);box-shadow:none}