body.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.site-name{font-size:.8125rem;color:var(--text-tertiary);margin-bottom:32px}
.login-page .card{background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:14px;
box-shadow:0 8px 32px rgba(0,0,0,.08);padding:40px;width:100%;max-width:380px}
.card-title{font-size:1.125rem;font-weight:500;margin-bottom:4px;letter-spacing:-.02em}
.card-sub{font-size:.8125rem;color:var(--text-secondary);margin-bottom:28px}
.login-page label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);
text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}
.login-page input{width:100%;padding:10px 13px;border:1px solid rgba(0,0,0,.13);border-radius:8px;
font-size:.9375rem;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text-primary);
outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.login-page input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px rgba(19,48,84,.1)}
.btn-submit{width:100%;margin-top:24px;padding:11px;background:var(--accent);color:#fff;border:none;
border-radius:8px;font-size:.9375rem;font-family:'DM Sans',sans-serif;font-weight:500;cursor:pointer;transition:background .15s}
.btn-submit:hover{background:var(--accent-hover)}
.footer-note{font-size:.75rem;color:var(--text-tertiary);margin-top:24px;text-align:center}