:root{--background-color: #092433;background-color:var(--background-color);font-family:Segoe UI,Arial,sans-serif}html,body{margin:0;padding:0;height:100%;width:100%}.login-page{display:flex;min-height:100vh}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4em 5em;background:linear-gradient(160deg,#0d2e42,#092433 60%,#061a27);border-right:1px solid #1e3a5f;position:relative;overflow:hidden}.dot-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hexagon-logo{width:14em;margin-bottom:3em;position:relative}.login-brand{position:relative}.login-brand-title{font-size:3.2em;font-weight:700;color:#fff;margin:0 0 .5em;letter-spacing:-.02em;line-height:1.2}.login-brand-tagline{font-size:1.3em;color:#b0d0e0;margin:0 0 2em;line-height:1.6;max-width:28em;min-height:2em}.typing-cursor{display:inline-block;width:2px;height:1em;background:#0096db;margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.login-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9em}.login-features li{color:#c0d8e8;font-size:1.1em;display:flex;align-items:center;gap:.75em}.login-features li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#0096db;flex-shrink:0}.login-right{width:420px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:3em 2em;background:#061a27}.login-card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:1em}.login-card-title{font-size:1.6em;font-weight:600;color:#fff;margin:0}.login-card-subtitle{font-size:.95em;color:#7fa8c0;margin:0 0 .5em;line-height:1.5}.login-card-note{font-size:.8em;color:#4a6a7a;margin:.5em 0 0;text-align:center}@media(max-width:700px){.login-page{flex-direction:column}.login-left{padding:3em 2em 2em;border-right:none;border-bottom:1px solid #1e3a5f}.login-right{width:100%;padding:3em 2em}}.login{justify-content:center;align-items:center;width:100%}.login a{display:block;text-decoration:none;text-align:center;background:#0096db;color:#fff;padding:.85em 1.5em;border-radius:6px;font-size:.95em;font-weight:600;letter-spacing:.02em;transition:background .2s,opacity 2s}.login a:hover{background:#00aaf0}.login a.faded{opacity:.3}