.login-wrap { max-width: 1200px; margin: 0 auto; padding: 20px; }
.login-shell { min-height: calc(100vh - 120px); display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px; align-items: center; }
.login-card { border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg,var(--panel),var(--panel2)); padding: 24px; }
.login-title { font-family: "Space Grotesk", Inter, sans-serif; font-size: clamp(1.7rem, 4vw, 2.6rem); margin: 8px 0 10px; }
.login-sub { color: var(--muted); line-height: 1.65; margin-bottom: 18px; }
.login-form { display: grid; gap: 10px; }
.login-form label { font-size: .88rem; color: #c5d1ea; }
.login-form input { background: #0c1220; border: 1px solid var(--line); border-radius: 10px; color: var(--txt); padding: 12px; }
.form-row { display: flex; justify-content: space-between; align-items: center; margin-top: 4px; }
.mutelink { color: #9db3db; text-decoration: none; font-size: .88rem; }
.mutelink:hover { color: #fff; }
.hint { color: #9fb0d6; font-size: .85rem; margin-top: 10px; }
.metric-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.metric { border: 1px solid var(--line); border-radius: 12px; padding: 12px; background: rgba(255,255,255,.02); }
.metric small { color: var(--muted); text-transform: uppercase; letter-spacing: 1px; display: block; }
.metric b { font-size: 1.25rem; }
.logo-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.logo-bar img { height: clamp(44px, 7vw, 74px); width: auto; }
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:9px 10px;min-width:42px;min-height:40px;align-items:center;justify-content:center;gap:4px;flex-direction:column}
.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.menu-panel{display:flex;align-items:center;gap:12px}
@media (max-width: 980px) {
.login-shell { grid-template-columns: 1fr; }
.menu-toggle{display:flex}
.menu-panel{display:none;position:absolute;top:62px;right:0;left:0;z-index:90;background:#0b1020;border:1px solid var(--line);border-radius:12px;padding:12px;flex-direction:column;align-items:stretch}
.nav.nav-open .menu-panel{display:flex}
.nav.nav-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav.nav-open .menu-toggle span:nth-child(2){opacity:0}
.nav.nav-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-panel .nav-links{display:flex;flex-direction:column;gap:10px}
}