:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242424;background:#f5f5f5}
*{box-sizing:border-box}
body{min-height:100dvh;margin:0;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,420px);padding:36px;background:#fff;border:1px solid #e5e5e5;border-radius:14px;box-shadow:0 16px 45px #24242412}
.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px}
.login-brand img{width:64px;height:64px;object-fit:contain}
h1{font-size:21px;line-height:1.3;font-weight:650;margin:0}
form{display:flex;flex-direction:column}
form>label:not(.remember){font-size:13px;font-weight:600;margin:0 0 7px}
form>input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #bdbdbd;border-radius:7px;background:#fff;color:#242424;font:inherit;margin-bottom:20px}
form>input:focus{outline:2px solid #b8a500;outline-offset:1px}
.remember{display:flex;align-items:center;gap:9px;font-size:13px;margin:0 0 24px;cursor:pointer}
.remember input{width:16px;height:16px;accent-color:#cbb600}
button{min-height:44px;border:1px solid #ffe600;border-radius:8px;background:#ffe600;color:#242424;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
button:hover{background:#e6ce00;border-color:#e6ce00}
button:focus-visible{outline:2px solid #242424;outline-offset:2px}
.login-error{padding:12px 14px;margin-bottom:22px;border:1px solid #efc9c0;border-radius:7px;background:#fff1ee;color:#a43727;font-size:13px}
@media(max-width:480px){.login-card{padding:28px 22px}}