:root{--bg:#f3f6fa;--card:#fff;--line:#dbe3ed;--text:#162033;--muted:#718096;--blue:#1677ff}*{box-sizing:border-box}body{margin:0;font:14px Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top,#eaf3ff 0,var(--bg) 45%);min-height:100vh;display:grid;grid-template-rows:1fr auto}.login-wrap{display:grid;place-items:center;padding:30px 16px}.login-box{width:min(390px,100%);background:var(--card);padding:30px;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #17304f18;display:grid;gap:15px;text-align:center}.login-box h1{font-size:23px;margin:0}.login-box p{color:var(--muted);margin:-7px 0 5px}.login-box label{display:grid;gap:6px;text-align:left;font-weight:650;font-size:13px}.login-box input,.login-box button{width:100%;padding:12px;border-radius:9px;border:1px solid #cad5e2;font:inherit}.login-box input:focus{outline:2px solid #1677ff2f;border-color:var(--blue)}.login-box button{background:var(--blue);color:#fff;border:0;font-weight:750;cursor:pointer;margin-top:3px}.login-logo{display:block;max-width:190px;max-height:90px;object-fit:contain;margin:0 auto 2px}.login-logo-default{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,#1677ff,#5ba4ff);display:grid;place-items:center;color:#fff;font-size:23px;font-weight:850;margin:0 auto 2px}.login-error{padding:10px;background:#fff0f0;color:#ad2929;border-radius:8px}footer{text-align:center;padding:18px;color:#7e8da1;font-size:12px}@media(max-width:450px){.login-box{padding:24px 20px}}