.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;
background:radial-gradient(1100px 560px at 15% -10%,rgba(124,108,255,.32) 0%,rgba(124,108,255,0) 55%),
radial-gradient(900px 500px at 110% 110%,rgba(245,158,11,.22) 0%,rgba(245,158,11,0) 50%),#0b0d13;}
.login-card{width:100%;max-width:430px;background:var(--surface);border:1px solid var(--line);border-radius:20px;
padding:38px 34px;box-shadow:0 24px 70px rgba(0,0,0,.6);}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.login-brand .brand-text{color:var(--ink);font-size:22px;font-weight:800;line-height:1;}
.login-brand .brand-text small{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;}
.login-title{font-size:24px;font-weight:800;margin:0;color:var(--ink);}
.login-sub{color:var(--muted);margin:4px 0 22px;line-height:1.55;}
.login-card .input-group-text{background:var(--surface-3);border-right:0;}
.login-card .form-control{border-left:0;}
.login-card .btn-primary{padding:12px;font-weight:700;}
.login-link{color:var(--brand-2);font-size:14px;font-weight:600;text-decoration:none;}
.login-link:hover{color:var(--ink);text-decoration:underline;}
.login-foot{margin-top:18px;text-align:center;color:var(--muted);font-size:13px;}