:root{--coral:#d85a30;--coral-dark:#993c1d;--coral-soft:#faece7;--cream:#faf8f4;--ink:#2e2a28;--muted:#8a8580;--border:rgba(46,42,40,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink)}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:#fff;border:.5px solid var(--border);border-radius:16px;padding:32px 28px}.brand{gap:12px}.brand,.mark{display:flex;align-items:center}.mark{width:44px;height:44px;border-radius:12px;background:var(--coral);color:#fff;justify-content:center}.mark,.name{font-size:24px;font-weight:600}.tagline{color:var(--muted);font-size:15px;line-height:1.6;margin:16px 0 24px}.login{gap:14px}.login,.login label{display:flex;flex-direction:column}.login label{gap:6px;font-size:13px;color:var(--muted)}.login input{height:42px;border:.5px solid var(--border);border-radius:10px;padding:0 12px;font-size:15px;color:var(--ink);outline:none}.login input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.login button{margin-top:6px;height:44px;border:none;border-radius:10px;background:var(--coral);color:#fff;font-size:15px;font-weight:500;cursor:pointer}.login button:hover{background:var(--coral-dark)}.foot{margin:24px 0 0;font-size:12px;color:var(--muted);text-align:center}