body{margin:0;background:#f8fafc;color:#0f172a;font:16px system-ui;min-height:100dvh;display:grid;place-items:center}main{box-sizing:border-box;background:white;border:1px solid #e2e8f0;border-radius:16px;padding:28px;width:calc(100% - 32px);max-width:460px}h1{font-size:24px;margin-top:0}p{line-height:1.5;color:#475569}label{display:block;margin-top:18px}input,button{box-sizing:border-box;width:100%;padding:12px;font:inherit;margin-top:8px;border:1px solid #cbd5e1;border-radius:8px}button{background:#0f172a;color:white;cursor:pointer}a{color:#334155}.signin{display:block;text-align:center;background:#0f172a;color:white;padding:12px;border-radius:8px;text-decoration:none}code{overflow-wrap:anywhere;font-size:13px}