*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at bottom left,#fff9cc,transparent 55%),radial-gradient(ellipse at top right,#e2f8df,transparent 55%),#eef1f3;color:#292d29;font-family:Arial,sans-serif}.login-card{width:min(100%,420px);background:#ffffffed;padding:34px;border:1px solid #e5eae2;border-radius:26px;box-shadow:0 16px 60px #344b2c0c}.brand{font-size:18px;font-weight:800;letter-spacing:.12em}.brand span{display:block;font-size:9px;color:#7c8677;letter-spacing:.24em;margin-top:6px}h1{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:32px 0 14px}p{color:#6e776b;font-size:14px;line-height:1.5}label{display:block;font-size:13px;font-weight:700;margin:18px 0}input:not([type=checkbox]){display:block;width:100%;font:16px Arial,sans-serif;padding:12px;border:1px solid #d6ded1;border-radius:10px;background:white;margin-top:7px;outline:none}input:focus{border-color:#7bb36b;box-shadow:0 0 0 3px #90f08d33}.remember{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400}input[type=checkbox]{width:16px;height:16px;accent-color:#538a43}button{width:100%;border:0;border-radius:11px;background:#293e28;color:white;padding:13px;font-size:15px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#message{min-height:22px;color:#a33636;font-size:13px}.footnote{font-size:11px;margin-bottom:0} [hidden]{display:none!important}@media(max-width:360px){body{padding:14px}.login-card{padding:24px}h1{font-size:30px}}