/* Tale3 Admin — login page */
.login-body{
  display:grid;grid-template-columns:1fr 1fr;min-height:100vh;
  background:var(--bg);
}
.login-side{display:flex;align-items:center;justify-content:center;padding:48px}
.login-card{width:100%;max-width:420px}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}
.login-brand img{width:44px;height:44px;border-radius:12px}
.login-brand .t{line-height:1.2}
.login-brand strong{display:block;font-size:18px;font-weight:800;color:var(--ink)}
.login-brand small{font-size:11px;color:var(--ink-mute);letter-spacing:1.5px}

.login-card h1{font-size:28px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.5px}
.login-card .sub{font-size:14px;color:var(--ink-mute);margin-bottom:36px}

.login-card form{display:flex;flex-direction:column;gap:18px}
.row{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.row .check{display:flex;align-items:center;gap:8px;color:var(--ink-2);cursor:pointer}
.row .check input{accent-color:var(--accent)}
.row a{color:var(--accent);font-weight:600}
.row a:hover{text-decoration:underline}
.submit{
  padding:13px;border-radius:10px;
  background:var(--accent);color:white;
  font-weight:700;font-size:14px;
  transition:.15s;box-shadow:var(--shadow-sm);
}
.submit:hover{background:#5558e3;box-shadow:var(--shadow)}
.footnote{margin-top:36px;font-size:12px;color:var(--ink-mute);text-align:center}

.visual-side{
  background:linear-gradient(135deg,#3b4a6b 0%,#1a2236 100%);
  color:white;padding:60px;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
}
.visual-side::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 80% 20%,rgba(99,102,241,.3),transparent 50%),
    radial-gradient(circle at 20% 80%,rgba(99,102,241,.2),transparent 50%);
}
.visual-side::after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);
}
.visual-content{position:relative;z-index:1}
.visual-side h2{
  font-size:36px;font-weight:800;line-height:1.2;
  margin-bottom:16px;letter-spacing:-.5px;
}
.visual-side h2 span{color:#a5b4fc}
.visual-side p{font-size:15px;color:rgba(255,255,255,.75);max-width:380px}

.features{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}
.feat{
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
}
.feat-ic{
  width:38px;height:38px;border-radius:10px;
  background:rgba(99,102,241,.25);color:#c7d2fe;
  display:grid;place-items:center;flex-shrink:0;
}
.feat-ic svg{width:18px;height:18px}
.feat strong{display:block;font-size:14px;color:white;font-weight:600}
.feat small{font-size:12px;color:rgba(255,255,255,.6)}

@media (max-width:900px){
  .login-body{grid-template-columns:1fr}
  .visual-side{display:none}
  .login-side{padding:40px 24px;min-height:100vh}
}