:root{color-scheme:light;--bg: #f3f5f9;--surface: #fff;--line: #e4e8ef;--text: #111827;--muted: #6b7280;--blue: #2a78d6;--critical: #d03b3b;--critical-bg: #fbe9e9}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0f1115;--surface: #1a1a19;--line: #2e2e2b;--text: #f0efec;--muted: #9a998f;--blue: #3987e5;--critical-bg: #3a1717}}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text)}.brandside{background:linear-gradient(150deg, #0b2545 0%, #0d47a1 60%, #1c5cab 100%);color:#dce9ff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.brandside .mark{display:flex;align-items:center;gap:12px}.brandside .logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg, #3fbf7f, #2a78d6);display:grid;place-items:center;font-weight:800;color:#fff;font-size:20px}.brandside b{color:#fff;font-size:19px;display:block}.brandside small{color:#9ec5ff;letter-spacing:1.4px;text-transform:uppercase;font-size:11px}.brandside h2{color:#fff;font-size:30px;line-height:1.25;margin:0 0 12px;max-width:460px;letter-spacing:-0.4px}.brandside p{max-width:440px;color:#b9d0f3;margin:0}.formside{display:grid;place-items:center;padding:32px 20px}.box{width:100%;max-width:380px}h1{font-size:24px;margin:0 0 4px;letter-spacing:-0.3px}.sub{color:var(--muted);margin:0 0 24px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}input[type=email],input[type=password]{width:100%;font:inherit;color:var(--text);padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:rgba(0,0,0,0)}.row{display:flex;align-items:center;gap:8px;margin:16px 0 20px;font-size:14px;color:var(--muted)}button{width:100%;font:inherit;font-weight:600;padding:12px;border:0;border-radius:10px;background:var(--blue);color:#fff;cursor:pointer}.error{background:var(--critical-bg);color:var(--text);border-left:3px solid var(--critical);padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:8px}.foot{color:var(--muted);font-size:12.5px;margin-top:24px}@media(max-width: 860px){body{grid-template-columns:1fr}.brandside{padding:28px}.brandside h2,.brandside p{display:none}}