:root{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:#0f172a;background:#f3f4f6;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:32px;box-shadow:0 4px 20px #0f172a08}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650;color:#016085;margin-bottom:32px}.brand svg{width:32px;height:32px;fill:#f0f9ff;stroke:#016085;stroke-width:1.3}h1{font-size:24px;line-height:1.3;letter-spacing:-.4px;margin:0 0 8px}p{font-size:14px;color:#64748b;margin:0 0 28px;line-height:1.5}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input{width:100%;height:48px;border:1px solid #cbd5e1;border-radius:6px;padding:0 14px;font:500 22px inherit;font-size:22px;letter-spacing:8px;color:#0f172a;background:#fff}.hint{display:block;margin-top:8px;font-size:12px;color:#64748b}button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:24px;height:44px;border:0;border-radius:6px;background:#016085;color:white;padding:0 16px;font:600 14px Inter,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;transition:background .15s}button:hover{background:#014b68}button:disabled{opacity:.65;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #0180b255;outline-offset:3px}input[aria-invalid=true]{border-color:#dc2626}.error{font-size:12px;color:#b91c1c;margin:12px 0 0}.error[hidden]{display:none}@media(max-width:480px){.login-card{padding:24px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Lightweight motion: local SVG routes and two gradient layers, with no runtime dependency. */
body{position:relative;isolation:isolate;overflow-x:hidden}.login-card{position:relative;z-index:1;box-shadow:0 8px 36px #0f172a0a}.brand .tracking-mark{width:32px;height:32px;padding:4px;border-radius:7px;background:#eaf5f8;fill:none;stroke:#016085;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tracking-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.tracking-glow{position:absolute;width:min(75vw,850px);height:min(75vw,850px);border-radius:50%;opacity:.65;animation:tracking-drift 28s ease-in-out infinite alternate;will-change:transform}.glow-blue{left:-18%;top:-30%;background:radial-gradient(circle,#0284c71c 0,#0284c70c 42%,transparent 70%)}.glow-teal{right:-16%;bottom:-34%;background:radial-gradient(circle,#0d948824 0,#0d94880b 44%,transparent 70%);animation-duration:34s;animation-delay:-12s}.tracking-routes{width:100%;height:100%;fill:none;stroke-linecap:round}.route-tracks{stroke:#016085;stroke-width:1;opacity:.075}.route-pulses{stroke:#0284c7;stroke-width:2.5;stroke-dasharray:16 740;opacity:.2;animation:tracking-route 32s linear infinite}.route-pulses use:nth-child(2){stroke:#0d9488}.route-nodes{fill:#0284c7;stroke:#fff;stroke-width:2;opacity:.18}@keyframes tracking-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(8%,10%,0)}}@keyframes tracking-route{from{stroke-dashoffset:1512}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.tracking-glow,.route-pulses{animation:none;will-change:auto}}