:root{color-scheme:dark;--ink:#f6f3ec;--muted:#aab5af;--line:rgba(255,255,255,.13);--orange:#ff5a1f;--green:#63d6aa}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b1512;color:var(--ink);background-image:radial-gradient(circle at 15% 20%,rgba(26,121,87,.25),transparent 35%),linear-gradient(120deg,transparent 0 49.5%,rgba(255,255,255,.035) 50%,transparent 50.5%)}
main{width:min(92vw,470px);padding:34px;border:1px solid var(--line);background:rgba(14,25,21,.94);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.brand{width:max-content;display:flex;align-items:center;margin-bottom:44px;padding:12px 16px;background:#fff}.login-brand-logo{width:min(210px,65vw);height:auto;display:block}
.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1{margin:10px 0 8px;font-size:clamp(32px,7vw,48px);line-height:.98;letter-spacing:-.045em}p{margin:0 0 30px;color:var(--muted);line-height:1.55}
label{display:block;margin:17px 0 8px;font-size:13px;font-weight:750}input{width:100%;height:52px;border:1px solid var(--line);background:#0a110f;color:#fff;padding:0 15px;font:inherit;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(99,214,170,.12)}button{width:100%;height:54px;margin-top:24px;border:0;background:var(--orange);color:#fff;font:800 14px/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.6}.error{display:none;margin:18px 0 0;padding:12px;border-left:3px solid #f07167;background:rgba(240,113,103,.09);color:#ffd9d5;font-size:13px}.error.visible{display:block}

/* Calm sign-in surface */
:root{color-scheme:light;--ink:#1d1d1f;--muted:#6e6e73;--line:rgba(0,0,0,.09);--orange:#d70015;--green:#248a3d}
body{padding:22px;color:var(--ink);background:#f5f5f7;background-image:radial-gradient(circle at 50% -10%,rgba(215,0,21,.075),transparent 34%);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable","Segoe UI",sans-serif}
main{width:min(94vw,450px);padding:38px;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.04);border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.09);backdrop-filter:blur(24px)}
.brand{margin-bottom:38px;padding:0;background:transparent}.login-brand-logo{width:min(190px,62vw)}
.eyebrow{color:#8e8e93;font-size:10px;letter-spacing:.1em}h1{margin:9px 0 8px;color:var(--ink);font-size:clamp(34px,7vw,46px);font-weight:660;letter-spacing:-.045em}p{margin-bottom:26px;color:var(--muted);font-size:14px}
label{margin:16px 0 7px;color:#3a3a3c;font-size:12px;font-weight:620}input{height:50px;padding:0 14px;color:var(--ink);background:#f2f2f4;border:0;border-radius:12px}input:focus{box-shadow:0 0 0 3px rgba(0,113,227,.16)}button{height:50px;margin-top:22px;background:#1d1d1f;border-radius:12px;font-size:13px;letter-spacing:0;text-transform:none}button:hover{background:#000;filter:none}.error{border:0;border-radius:12px;color:#a30012;background:#fff0f1}