*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f5f7fa;font-family:Arial,Helvetica,sans-serif}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(0,163,255,.18),transparent 32%),linear-gradient(135deg,#0f1923,#1a335a);padding:24px}.login-card{width:100%;max-width:420px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-brand img{width:54px;height:54px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid #e5e7eb}.login-brand h1{margin:0;color:#1a335a;font-size:24px;line-height:1}.login-brand p{margin:6px 0 0;color:#64748b;font-size:13px}.login-form{display:grid;grid-gap:10px;gap:10px}.login-form label{color:#334155;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.login-form input{width:100%;border:1px solid #dbe3ec;border-radius:12px;padding:12px 14px;font-size:14px;outline:none}.login-form input:focus{border-color:#00a3ff;box-shadow:0 0 0 4px rgba(0,163,255,.12)}.login-form button{margin-top:8px;border:0;border-radius:12px;padding:13px 16px;background:#00a3ff;color:#fff;font-weight:800;cursor:pointer}.login-form button:hover{background:#1a335a}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-error{background:#fdeaea;color:#b42318;border:1px solid #f7caca;border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:16px}