.layout--auth, .layout--auth .layout__body { min-height: 100vh; }
.layout--auth .main { display: grid; place-items: center; padding: 32px 18px; background: var(--canvas); }
.login-shell { width: min(420px, 100%); }
.login-panel { padding: 34px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }
.login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 34px; }
.login-brand strong { font-size: 17px; }.login-brand small { color: var(--muted); font-size: 10px; }.login-brand__store { color: var(--ink) !important; font-weight: 750; }
.login-heading h1 { margin: 0 0 7px; font-size: 29px; font-weight: 850; }
.login-heading p { margin-bottom: 25px; color: var(--muted); }
.login-form .form-row { margin-bottom: 17px; }
.login-form .btn { margin-top: 7px; }
.login-support { margin: 14px 0 0; color: var(--muted); font-size: 11px; text-align: center; }
@media (max-width: 480px) { .login-panel { padding: 26px 20px; }.login-heading h1 { font-size: 25px; } }