:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f7fb;color:#172033}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f8fbff,#edf5fb)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(440px,100%);padding:32px;border:1px solid #d6e1ee;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(31,50,81,.13)}
.installer{width:min(760px,100%)}
.brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#03bde1,#705dff);color:#fff;font-weight:900;font-size:22px}
.brand small{display:block;color:#64748b;margin-top:3px}
h1{font-size:26px;margin:0 0 8px}h2{font-size:15px;color:#087fb5;margin:22px 0 10px}
.muted{color:#64748b;margin:0 0 24px}
label{display:block;color:#40516a;font-size:13px;margin:12px 0}
input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;color:#172033;background:#fff;border:1px solid #bfcddd;border-radius:10px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.13)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.primary,.button{display:block;width:100%;padding:13px 16px;margin-top:20px;border:0;border-radius:10px;background:#0ea5e9;color:#fff;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}
.notice{padding:12px 14px;border:1px solid #bfdbed;border-radius:10px;background:#eef7ff;margin:15px 0}
.notice.error{border-color:#fecdd3;color:#be123c;background:#fff1f3}.notice.success{border-color:#a7f3d0;color:#047857;background:#ecfdf5}
.foot{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;color:#64748b}
@media(max-width:620px){.grid{grid-template-columns:1fr}.auth-card{padding:24px}}