:root{--bg:#eef3f8;--panel:#fff;--text:#111827;--muted:#667085;--line:#dce4ef;--blue:#2563eb;--teal:#0f9f8f;--red:#dc2626;--shadow:0 24px 70px rgba(15,23,42,.14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,480px)}.visual{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(15,159,143,.92),rgba(37,99,235,.86)),radial-gradient(circle at 25% 20%,rgba(255,255,255,.25),transparent 28%)}.mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(120deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}.metric-card{position:absolute;width:min(320px,42vw);border:1px solid rgba(255,255,255,.32);border-radius:8px;background:rgba(255,255,255,.16);color:#fff;padding:18px;box-shadow:0 24px 60px rgba(15,23,42,.22);backdrop-filter:blur(16px)}.metric-card.top{top:20%;left:14%}.metric-card.bottom{right:12%;bottom:18%}.metric-card span{display:block;font-size:12px;text-transform:uppercase;opacity:.78;font-weight:800}.metric-card strong{display:block;font-size:32px;margin:8px 0 14px}.metric-card i{display:block;height:9px;border-radius:99px;background:linear-gradient(90deg,#fff 68%,rgba(255,255,255,.25) 68%)}.login-panel{min-height:100vh;background:var(--panel);padding:clamp(28px,6vw,64px);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:44px}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--teal),var(--blue))}.brand-row strong,.brand-row span{display:block}.brand-row strong{font-size:15px}.brand-row span{margin-top:2px;color:var(--muted);font-size:12px}.copy h1{margin:0;font-size:34px;line-height:1.08}.copy p{margin:10px 0 0;color:var(--muted);font-size:14px}form{display:grid;gap:15px;margin-top:28px}label{display:grid;gap:7px}label span{color:#344054;font-size:13px;font-weight:800}input{height:46px;width:100%;border:1px solid var(--line);border-radius:8px;padding:0 13px;background:#fbfdff;color:var(--text);outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.12)}button{height:46px;border:0;border-radius:8px;background:#111827;color:#fff;font-weight:850;cursor:pointer;margin-top:4px}button:hover{background:#1f2937}.form-error{margin-top:24px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:8px;padding:11px 12px;font-size:13px}.security-note{margin-top:20px;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:860px){.login-page{grid-template-columns:1fr}.visual{min-height:210px}.login-panel{min-height:auto}.metric-card{width:240px}.metric-card.top{top:24px;left:20px}.metric-card.bottom{right:20px;bottom:24px}}@media(max-width:520px){.visual{display:none}.login-panel{min-height:100vh;padding:24px}.copy h1{font-size:28px}}