:root{font-family:Inter,system-ui,sans-serif;color:#162033;background:#eef2f8}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}
.installer{width:min(520px,100%);background:#fff;border:1px solid #dce3ed;border-radius:20px;padding:36px;box-shadow:0 18px 50px #25385818}
.brand{font-weight:800;color:#5b5ce2;letter-spacing:.02em}
h1{margin:18px 0 8px;font-size:30px}
.lead{margin:0 0 26px;color:#697386}
.checks{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:12px;border-radius:10px;background:#f6f8fb}
.checks .ok span{color:#16865b}.checks .fail span,.error{color:#bb2e3b}
.checks small{color:#7a8496}
form{display:grid;gap:18px}label{font-weight:650;display:grid;gap:7px}
input{font:inherit;padding:12px 14px;border:1px solid #cbd3df;border-radius:10px}
input:focus{outline:3px solid #5b5ce233;border-color:#5b5ce2}
.button{border:0;border-radius:10px;padding:13px 18px;background:#5b5ce2;color:#fff;text-decoration:none;font:inherit;font-weight:700;text-align:center;cursor:pointer}