/* Sign-in page: brand panel + form */
body.login-body{background:#fff;display:block;padding:0}
.login-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh}
.login-hero{background:radial-gradient(circle at 18% 12%,rgba(118,79,157,.55),transparent 55%),linear-gradient(145deg,#2B1D4E 0%,#412E6D 55%,#2E3B7A 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}
.login-hero::after{content:'';position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:rgba(99,193,163,.14)}
.hero-inner{max-width:460px;position:relative;z-index:1}
.hero-logo{display:inline-block;background:#fff;border-radius:18px;padding:12px 18px;margin-bottom:34px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.hero-logo img{display:block;width:230px;height:auto}
.login-hero h2{font-size:30px;line-height:1.25;font-weight:800;margin-bottom:26px}
.hero-points{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:34px}
.hero-points li{display:flex;gap:13px;align-items:flex-start;font-size:14px;line-height:1.45;color:rgba(255,255,255,.88)}
.hero-points i{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;color:#9CE3C9}
.hero-foot{font-size:12px;color:rgba(255,255,255,.55)}
.login-panel{display:flex;align-items:center;justify-content:center;padding:36px 28px;background:#F7F8FC}
.login-card{width:100%;max-width:410px}
.login-mobile-logo{display:none;margin:0 auto 20px}
.login-card h1{font-size:26px;color:var(--navy);margin-bottom:4px}
.login-sub{color:var(--muted);font-size:14px;margin-bottom:24px}
.input-ic{position:relative}
.input-ic>i:first-child{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}
.input-ic input{padding-left:40px;padding-right:44px;height:48px;background:#fff;font-size:15px}
.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;width:38px;height:38px;border-radius:9px;color:var(--muted);cursor:pointer;font-size:15px}
.eye:hover{background:var(--bg);color:var(--navy)}
.caps{font-size:12px;color:#B45309;margin-top:6px;display:flex;gap:6px;align-items:center}
.btn-lg{padding:14px 18px;font-size:15px;border-radius:12px}
.first-time{display:flex;gap:11px;background:#EEF6FF;border:1px solid #CFE3FA;color:#1E4E8C;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.5;margin-top:20px}
.first-time i{margin-top:2px}
@media(max-width:900px){
  .login-split{grid-template-columns:1fr}
  .login-hero{display:none}
  .login-panel{min-height:100vh;align-items:flex-start;padding-top:42px}
  .login-mobile-logo{display:block}
  .login-card h1,.login-sub{text-align:center}
}
/* Install page */
.install-card{max-width:480px}
.inst-step{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #F1F5F9;font-size:13px;line-height:1.5}
.inst-step:last-of-type{border-bottom:0}
.inst-ic{width:42px;height:42px;border-radius:12px;background:#F4F0FA;color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.inst-step b{color:var(--navy);font-size:14px}
.inst-step ol{margin:6px 0 0 18px;color:#475569}
.install-card .btn{margin-top:14px}