/* app.emanagecare.com: the same night navy as the website, one card in the middle. */
:root{--night:#0a1224;--card:#111c34;--line:#24345a;--ink:#f2f6fd;--soft:#c4cee0;--muted:#9fadc6;--sky:#7fb0ff;--dawn:#f3c78f;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 0%,rgba(47,109,181,.45),transparent 70%),var(--night);color:var(--ink);font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;padding:24px 16px}
.box{width:min(460px,100%);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 30px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none;margin-bottom:24px}
.brand img{border-radius:10px}
h1{font-size:32px;line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}
p{color:var(--soft);margin:0 0 16px}
.small{font-size:14px;color:var(--muted)}
a{color:var(--sky)}
label{display:block;font-weight:700;margin-bottom:6px}
.row{display:flex;gap:8px}
input{flex:1;min-width:0;font:inherit;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#0b1426;color:var(--ink)}
input:focus,button:focus,a:focus{outline:3px solid var(--sky);outline-offset:2px}
button{font:inherit;font-weight:700;padding:11px 20px;border-radius:999px;border:0;background:#fff;color:var(--night);cursor:pointer}
.msg{padding:10px 14px;border-left:3px solid var(--dawn);background:rgba(243,199,143,.08);border-radius:4px 10px 10px 4px;color:var(--ink)}
form{margin-bottom:18px}