.login-viewport{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;background:#0d2233;padding:24px}.login-brand{position:absolute;top:32px;left:40px;display:flex;align-items:center;gap:12px;z-index:1}.login-brand-name{color:#fff;font-size:15px;font-weight:600;line-height:1.2}.login-brand-sub{color:#9aa0a6;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.login-panel{position:relative;z-index:1;width:400px;max-width:100%}.login-headline{margin-bottom:28px}.login-eyebrow{color:#6ec1e4;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.login-subcopy{color:#ffffffbf;font-size:14px;line-height:1.55;margin-top:8px}.login-horizon{position:absolute;inset:auto 0 0 0;width:100%;height:38vh;min-height:220px;pointer-events:none;z-index:0}.login-horizon-line{stroke-dasharray:1600;stroke-dashoffset:1600;animation:login-horizon-draw 1.4s ease-out .15s forwards}.login-horizon-fill{opacity:0;animation:login-horizon-fade .9s ease-out .9s forwards}@keyframes login-horizon-draw{to{stroke-dashoffset:0}}@keyframes login-horizon-fade{to{opacity:1}}@media (prefers-reduced-motion: reduce){.login-horizon-line{animation:none;stroke-dashoffset:0}.login-horizon-fill{animation:none;opacity:1}}@media (max-width: 640px){.login-brand{position:static;margin-bottom:32px}.login-viewport{justify-content:flex-start;padding-top:48px}}