*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#172033;background:#071324}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-art{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:54px;background:radial-gradient(circle at 22% 15%,rgba(48,190,228,.23),transparent 25%),radial-gradient(circle at 88% 75%,rgba(91,90,210,.17),transparent 27%),linear-gradient(145deg,#09182c,#0d213b 65%,#0a628b 145%)}.auth-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.auth-orbit{position:absolute;left:50%;top:40%;width:340px;height:340px;transform:translate(-50%,-50%);border:1px solid rgba(94,210,237,.12);border-radius:50%;animation:spin 24s linear infinite}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border-radius:50%}.auth-orbit:before{width:170px;height:170px;inset:84px;border:1px dashed rgba(109,218,241,.19)}.auth-orbit:after{width:18px;height:18px;top:31px;left:45px;background:#28b7dc;box-shadow:0 0 30px rgba(40,183,220,.8)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.art-copy{position:relative;z-index:2;max-width:620px;color:#fff}.art-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:30px;color:#9db8cc;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,.035)}.art-kicker i{width:6px;height:6px;background:#36c1e3;border-radius:50%;box-shadow:0 0 12px #36c1e3}.art-copy h2{margin:18px 0 11px;font-size:42px;line-height:1.08;letter-spacing:-1.6px}.art-copy p{margin:0;max-width:530px;color:#91a5ba;font-size:14px;line-height:1.65}.auth-panel{background:#f7f9fc;display:flex;align-items:center;justify-content:center;padding:46px}.login-card{width:min(100%,430px);animation:rise .55s cubic-bezier(.2,.8,.2,1)}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.mark{position:relative;width:40px;height:44px}.mark i{position:absolute;width:13px;height:32px;border-radius:4px;transform:skew(-16deg);background:linear-gradient(#35bee1,#0789c8)}.mark i:first-child{left:5px;top:0}.mark i:last-child{right:4px;bottom:0}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:24px;letter-spacing:-.8px;line-height:1;color:#172033}.brand-meta{display:block;color:#7f8ca0;font-size:10px;text-transform:uppercase;letter-spacing:1.7px;line-height:1.2}.brand-meta.secondary{font-size:9px;letter-spacing:1.45px;color:#97a2b2}.login-card h1{margin:0 0 8px;font-size:29px;letter-spacing:-.8px}.login-card>p{margin:0 0 29px;color:#738095;font-size:12.5px;line-height:1.5}.error{padding:10px 12px;margin:0 0 16px;border:1px solid #f2cbd0;border-radius:10px;background:#fff3f4;color:#bd3f4c;font-size:11px}.auth-form{display:grid;gap:15px}.field{display:grid;gap:6px}.field label{font-size:10.5px;font-weight:700;color:#55637a}.input-wrap{height:46px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dde4ed;border-radius:12px;background:#fff;transition:.2s}.input-wrap:focus-within{border-color:#85c7e3;box-shadow:0 0 0 3px rgba(7,137,200,.07)}.input-wrap svg{width:17px;height:17px;fill:none;stroke:#94a0b1;stroke-width:1.8}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#172033;font:inherit;font-size:13px}.submit{height:47px;border:0;border-radius:12px;margin-top:4px;color:#fff;font-weight:750;font-size:12.5px;cursor:pointer;background:linear-gradient(135deg,#0789c8,#1fa9d4);box-shadow:0 10px 24px rgba(7,137,200,.2);transition:.2s}.submit:hover{transform:translateY(-2px);box-shadow:0 13px 29px rgba(7,137,200,.27)}.login-foot{margin-top:25px;padding-top:18px;border-top:1px solid #e5eaf1;color:#98a2b2;font-size:9.5px;display:flex;justify-content:space-between}.no-access{width:min(100%,480px);padding:34px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(15,31,54,.1);text-align:center}.no-access .mark{margin:0 auto 20px}.no-access h1{font-size:25px;margin:0 0 8px}.no-access p{color:#738095;font-size:12px;line-height:1.6;margin:0 0 22px}.link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:11px;background:#0c91cb;color:#fff;text-decoration:none;font-size:12px;font-weight:700}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh;padding:28px}.login-card{max-width:430px}}@media(max-width:480px){.auth-panel{padding:24px 20px}.login-card h1{font-size:26px}.login-foot{flex-direction:column;gap:5px}}