.login-page{min-height:100vh;background:var(--primary);font-size:14px}
.login-main{min-height:100vh;display:grid;place-items:center;padding:32px 20px}
.login-card{width:100%;max-width:440px;background:#fff;border-top:6px solid var(--accent);border-radius:12px;padding:32px 36px;box-shadow:0 16px 48px #0003}
.login-mvp-logo{display:block;width:145px;height:auto;margin:0 auto 26px}
.login-intro{text-align:center;margin-bottom:28px}
.login-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px}
.login-intro h1{display:block;font-size:28px;font-weight:700;margin:12px 0}
.login-intro>p:last-child{color:#526879;line-height:1.6;margin:0}
#login-form{display:flex;flex-direction:column;gap:18px}
.login-field{display:flex;flex-direction:column;gap:8px}
.login-field label{font-size:13px;font-weight:700}
.login-field input{flex:auto;width:100%;height:44px;padding:10px 12px;border:1px solid #afbdc7;border-radius:5px;font-size:16px}
#login-button{width:100%;min-height:44px;font-size:13px;border-radius:5px;margin-top:4px}
.login-error{margin:0;color:#962727;background:#fff7f7;border:1px solid #e7bdbd;border-radius:5px;padding:12px;line-height:1.5}
.login-powered{display:flex;flex-direction:column;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;color:#526879;font-size:11px}
.login-powered img{display:block;width:184px;height:auto;max-width:100%}
@media(max-width:480px){.login-main{padding:20px 14px}.login-card{padding:26px 24px}.login-mvp-logo{width:125px;margin-bottom:20px}}