*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 0,#e8e3ff,transparent 32rem),#f6f7fb;color:#192033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{width:min(420px,100%);background:white;border:1px solid #e8e7f2;border-radius:24px;padding:32px;box-shadow:0 22px 60px rgba(42,39,96,.12)}
.mark{width:54px;height:54px;border-radius:16px;background:url("/icon-192.png?v=2") center/cover;box-shadow:0 8px 20px rgba(79,70,217,.25)}
h1{font-size:26px;margin:20px 0 7px}
p{color:#778096;margin:0 0 24px;line-height:1.5}
label{display:grid;gap:7px;margin-top:14px;font-size:12px;font-weight:750;color:#59637a}
input{width:100%;border:1px solid #dfe2ea;border-radius:11px;padding:13px;font-size:16px;outline:0}
input:focus{border-color:#7c7de8;box-shadow:0 0 0 3px #eeeeff}
button{width:100%;border:0;border-radius:11px;padding:13px;margin-top:20px;background:#5148d8;color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 18px rgba(81,72,216,.2)}
.error{background:#fff0f0;color:#b63d3d;border-radius:10px;padding:10px 12px;margin:0 0 14px;font-size:13px}
small{display:block;text-align:center;color:#9aa1b0;margin-top:18px}