:root{--ink:#14243a;--muted:#718097;--line:#e8edf4;--blue:#3478f6}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#f7f9fc;color:var(--ink);font:14px/1.5 Manrope,Arial,sans-serif}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(380px,1fr)}.login-panel{width:min(100%,520px);padding:clamp(36px,7vw,94px);margin:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.8px;text-decoration:none}.brand>span:last-child span{color:var(--blue)}.brand-mark{width:31px;height:31px;display:flex;align-items:flex-end;gap:3px;padding:5px;border-radius:9px;background:var(--ink)}.brand-mark i{width:5px;border-radius:2px;background:#fff}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px;background:#81aafa}.brand-mark i:nth-child(3){height:19px}.login-copy{margin:76px 0 30px}.eyebrow{margin:0 0 9px;color:#8290a4;font:600 10px/1.2 "DM Mono",monospace;letter-spacing:1.1px;text-transform:uppercase}.login-copy h1{margin:0 0 11px;font-size:38px;letter-spacing:-2px}.login-copy>p:last-child{max-width:365px;margin:0;color:var(--muted);line-height:1.7}.login-form{display:grid;gap:19px}.login-form label{display:grid;gap:7px;color:#53647a;font-size:12px;font-weight:800}.login-form input{width:100%;height:47px;padding:0 13px;border:1px solid #dce3ed;border-radius:8px;outline:0;background:#fff;color:var(--ink);font:14px Manrope,Arial,sans-serif}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #eaf2ff}.login-form button{height:48px;margin-top:5px;border:0;border-radius:8px;background:var(--blue);color:white;font:800 13px Manrope,Arial,sans-serif}.login-form button:hover{background:#256be9}.login-form button span{margin-left:10px;font-size:17px}.login-alert{margin:0;padding:11px 13px;border:1px solid #f3c8c3;border-radius:8px;background:#fff0ee;color:#b54d45;font-size:12px}.privacy-note{margin:28px 0 0;color:#98a4b4;font-size:11px;line-height:1.6}.art-panel{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#172946,#223d6c);color:white}.art-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 38%,rgba(119,164,255,.2),transparent 32%)}.art-panel p{position:absolute;z-index:2;bottom:62px;left:62px;margin:0;color:#aebbd1;font:500 11px/1.7 "DM Mono",monospace;letter-spacing:.6px;text-transform:uppercase}.art-panel b{color:white;font-family:Manrope,Arial,sans-serif;font-size:23px;letter-spacing:-1px;text-transform:none}.grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(179,203,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(179,203,255,.08) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(56deg) translateY(105px)}.orbit{position:absolute;z-index:1;border:1px solid rgba(172,202,255,.23);border-radius:50%;transform:rotate(-27deg)}.orbit.one{width:470px;height:176px}.orbit.two{width:370px;height:122px}.orb{position:relative;z-index:1;width:167px;height:167px;border-radius:50%;background:linear-gradient(145deg,#a2c4ff,#4d78d9 52%,#274b9d);box-shadow:0 0 58px rgba(99,146,255,.4)}.orb:after{content:"";position:absolute;width:175px;height:47px;border:10px solid #bad4ff;border-radius:50%;left:-13px;top:57px;transform:rotate(-25deg);box-shadow:0 0 17px rgba(190,216,255,.45)}.orb span{position:absolute;border-radius:50%;background:rgba(39,71,151,.35)}.orb span:first-child{width:62px;height:29px;top:30px;left:17px}.orb span:nth-child(2){width:38px;height:39px;right:24px;bottom:25px}.orb span:nth-child(3){width:17px;height:13px;left:34px;bottom:40px}@media(max-width:820px){.login-layout{grid-template-columns:1fr}.art-panel{display:none}.login-panel{min-height:100vh;padding:42px 30px}.login-copy{margin:62px 0 30px}}
