*{box-sizing:border-box}body{margin:0;background:#fff4f7;color:#38383d;font:16px/1.5 system-ui,sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:24px}.brand{position:absolute;left:28px;top:12px;font-size:28px;letter-spacing:.08em}section{width:min(100%,440px);background:#fff;border:1px solid #e6d8dd;border-radius:24px;padding:34px;box-shadow:0 24px 70px #4b35401c}.eyebrow{color:#77717a;font-size:14px}h1{font-size:28px;line-height:1.2;margin:.35em 0}label{display:block;margin:24px 0 8px}input,button{width:100%;border-radius:12px;font:inherit}input{border:1px solid #cdbfc4;padding:13px;background:#fff}button{margin-top:14px;border:0;padding:13px;background:#38383d;color:#fff;cursor:pointer}.error{padding:10px 12px;border-radius:10px;background:#f8e1e5;color:#7d2638}@media(prefers-color-scheme:dark){body{background:#161318;color:#f1edf0}.brand{color:#f1edf0}section{background:#211c22;border-color:#433941}input{background:#161318;color:#f1edf0;border-color:#655863}button{background:#f1edf0;color:#211c22}}