:root{font-family:system-ui,sans-serif;color:#183c2d;background:#f5f8f6}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,440px);background:white;border:1px solid #dbe7df;border-radius:24px;padding:32px;box-shadow:0 14px 45px #183c2d0c}.brand{font-weight:750;letter-spacing:.12em}h1{font-size:30px;margin-top:32px}p{line-height:1.5}label{display:grid;gap:8px;margin:20px 0}input,button{width:100%;font:inherit;font-size:16px;padding:14px;border-radius:12px;border:1px solid #b9cfc1}button{background:#164c38;color:white;cursor:pointer}button:disabled{opacity:.6}[role=alert]{color:#96352c}small{display:block;line-height:1.5;color:#526b5c}