:root {font-family:Arial,sans-serif;color:#281925;background:#fff9fc;font-synthesis:none}
* {box-sizing:border-box}
body {margin:0;min-height:100vh}
.login-page {min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card {width:min(100%,420px);padding:36px 32px 26px;background:white;border:1px solid #ecdbe3;border-radius:17px;box-shadow:0 16px 45px #5b123514}
.identity {display:flex;align-items:center;gap:12px;margin-bottom:28px}
.identity-mark {width:42px;height:42px;display:grid;place-items:center;background:#ab1952;border-radius:50%;color:white;font-size:30px;font-weight:700}
.identity strong {display:block;font-size:28px;letter-spacing:.02em}
.identity small {display:block;margin-top:2px;color:#865d70;font-size:12px;letter-spacing:.17em;font-weight:700}
h1 {font-size:24px;margin:0 0 6px}
.description {margin:0 0 25px;color:#725d69;font-size:14px;line-height:1.45}
form {display:grid}
label {font-size:14px;font-weight:700;margin:0 0 7px}
input {font:16px Arial,sans-serif;width:100%;height:46px;padding:0 13px;margin-bottom:19px;border:1px solid #ddcbd4;border-radius:8px;background:#fffdfd;color:#281925;outline:none}
input:focus {border-color:#ab1952;box-shadow:0 0 0 3px #ab19521f}
button {height:45px;border:0;border-radius:8px;background:#74143c;color:white;font:700 15px Arial,sans-serif;cursor:pointer}
button:hover {background:#93184b}
button:disabled {opacity:.65;cursor:wait}
.error-message {color:#a02643;font-size:14px;margin:0 0 15px;line-height:1.4}
.login-foot {border-top:1px solid #f0e5eb;margin:26px 0 0;padding-top:17px;color:#8b7480;font-size:12px}
@media(max-width:450px){.login-card{padding:28px 22px}}