.login-view{
  min-height:100vh;
  display:grid;
  grid-template-columns:56% 44%;
  background:#fff;
}
.login-view .login-art{
  position:relative;
  overflow:hidden;
  display:block;
  padding:48px 6vw;
  background:radial-gradient(circle at 80% 70%,rgba(34,211,238,.18),transparent 28%),linear-gradient(145deg,#05080e,#0d1726);
  color:#fff;
}
.brand{display:flex;align-items:center}
.brand-logo-main{position:relative;z-index:2;width:250px;height:64px;max-width:72%;object-fit:cover;object-position:center;mix-blend-mode:screen}
.login-copy{position:relative;z-index:2;margin-top:19vh;max-width:650px}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600;color:var(--cyan)}
.eyebrow.blue{color:var(--blue)}
.login-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.035em;margin:18px 0}
.login-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.login-copy p{color:#b9c3d1;font-size:17px;line-height:1.6}
.network{position:absolute;width:700px;height:320px;right:-120px;bottom:-80px;border-radius:50%;border-top:2px solid var(--blue);box-shadow:0 -20px 70px var(--blue);transform:rotate(-10deg);opacity:.5}
.login-panel{display:grid;place-items:center;padding:40px;background:#fff}
.login-panel .login-card{display:block;width:min(420px,100%);padding:0;background:transparent;box-shadow:none}
.login-card h2{font-size:32px;margin:8px 0}
.login-card>p{color:var(--muted);margin:0 0 32px}
.login-card label,.modal-card label{display:grid;gap:8px;font-size:13px;font-weight:500;margin-bottom:18px}
.login-card input,.modal-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:#fff;outline:none}
.login-card input:focus,.modal-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(19,99,223,.1)}
.button{border:0;border-radius:10px;padding:12px 18px;font-weight:600}
.button.primary{color:#fff;background:linear-gradient(100deg,var(--blue),#087cef);box-shadow:0 7px 18px rgba(19,99,223,.22)}
.button.secondary{background:#eef1f5;color:var(--ink)}
.button.full{width:100%;margin-top:5px}
.forgot-password{display:block;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--blue)!important;font-size:11px;font-weight:600;margin:-10px 0 12px auto!important;padding:0!important;width:auto!important}
.forgot-password:hover{text-decoration:underline}
.security{display:block;text-align:center;color:var(--muted);font-size:11px;margin-top:22px}
.form-error{color:#ef4444;font-size:12px;min-height:18px}
.mobile-brand{display:none}
.password-modal{width:min(480px,100%)!important}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
.modal-head h2{margin:5px 0}
.icon-button{border:0;background:#f1f3f6;width:36px;height:36px;border-radius:50%;font-size:22px}
.password-help{color:var(--muted);font-size:12px;line-height:1.6;margin:-8px 0 22px}
.form-message{color:#087b56;font-size:12px;line-height:1.5;min-height:18px}
.modal-actions{display:flex;justify-content:flex-end;gap:10px}
@media(max-height:700px) and (min-width:761px){.login-view .login-art{padding-top:34px;padding-bottom:34px}.login-copy{margin-top:12vh}}
@media(max-width:760px){
  .login-view{grid-template-columns:1fr}
  .login-view .login-art{display:none}
  .login-panel{padding:30px}
  .mobile-brand{display:flex;margin-bottom:50px}
  .brand-logo-mobile{width:250px;max-width:72%;height:64px;object-fit:cover;object-position:center}
}