:root{
    --primary:#0a3d91;
    --primary-dark:#082f6e;
    --accent:#f5821f;
    --ink:#1f2a44;
    --line:#e3e8f0;
}
*{box-sizing:border-box}
body{
    margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    background:linear-gradient(135deg,#eef3fb,#dde7f7);
    color:var(--ink);min-height:100vh;
}
.install-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.install-card{
    background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(10,61,145,.15);
    width:100%;max-width:480px;padding:34px 34px 26px;
}
.install-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.brand{font-size:26px;font-weight:800;color:var(--primary);letter-spacing:-.5px}
.tag{font-size:10px;font-weight:700;letter-spacing:1px;color:#8a97ad;border:1px solid var(--line);padding:3px 8px;border-radius:20px}
h1{font-size:22px;margin:0 0 4px}
.sub{margin:0 0 20px;color:#5a6b85;font-size:14px}
label{display:block;font-size:13px;font-weight:600;color:#3b4a66;margin-bottom:14px}
input{
    display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--line);
    border-radius:10px;font-size:15px;font-weight:400;color:var(--ink);background:#fbfcfe;
}
input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(10,61,145,.12);background:#fff}
.row{display:flex;gap:14px}
.row label{flex:1}
hr{border:none;border-top:1px solid var(--line);margin:4px 0 18px}
button{
    width:100%;padding:13px;border:none;border-radius:10px;background:var(--primary);
    color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px;transition:.2s;
}
button:hover{background:var(--primary-dark)}
.alert{background:#fdecec;border:1px solid #f5b5b5;color:#9b1c1c;border-radius:10px;padding:12px 14px;margin-bottom:18px;font-size:13px}
.note{font-size:12px;color:#8a97ad;text-align:center;margin:16px 0 0}
@media(max-width:480px){.row{flex-direction:column;gap:0}}