/* Reuse the dashboard palette and shared .brand-mark icon. */
.maki-login {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 20px 24px;
    color: var(--ink);
    background: var(--canvas);
}
.maki-login .login-card {
    width: min(440px, 100%);
    margin: auto;
    padding: 36px 40px 30px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 11px;
    box-shadow: 0 2px 3px #142b2210;
}
.maki-brand { text-align: center; }
.maki-brand .brand-mark { margin-bottom: 14px; font-weight: 750; letter-spacing: -1px; }
.maki-wordmark { font-size: 28px; font-weight: 750; line-height: 1.25; letter-spacing: -.7px; }
.maki-tagline { margin-top: 12px; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: 1.6px; }
.maki-divider { height: 1px; background: var(--line); margin: 28px 0; }
.maki-login h1 { font-size: 24px; letter-spacing: -.5px; font-weight: 650; }
.maki-login .subtitle { font-size: 13px; }
.maki-help { font-size: 11px; line-height: 1.7; color: var(--muted); text-align: center; margin: 23px 0 0; }
.maki-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 8px; padding-top: 30px; text-align: center; font-size: 11px; line-height: 1.8; letter-spacing: .25px; color: #64786e; }
.maki-footer a { color: var(--green); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: color .18s, text-decoration-color .18s; }
.maki-footer a:hover { color: #174b3d; text-decoration-color: currentColor; }
.maki-footer a:focus-visible { outline: 1px solid var(--green); outline-offset: 4px; border-radius: 2px; }
.maki-footer-dot { color: var(--muted); }
@media (max-width: 480px) {
    .maki-login { padding: 28px 16px 20px; }
    .maki-login .login-card { padding: 30px 26px 26px; }
    .maki-wordmark { font-size: 26px; }
    .maki-footer { font-size: 10px; gap: 4px 6px; }
}
@media (prefers-reduced-motion: reduce) {
    .maki-footer a { transition: none; }
}