/* ── 로그인 (풀스크린 배경 + 좌측 안쪽 정렬) ─────────────────── */
.login-body {
  min-height:100vh; position:relative; overflow:hidden;
  /* background 는 login.php 인라인(업로드 사진 또는 크림슨 그라데이션) */
}

/* 가독성용 어두운 오버레이 — 왼쪽이 더 진하게 */
.login-scrim {
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(100deg,
     rgba(15,4,8,.86) 0%,
     rgba(15,4,8,.62) 38%,
     rgba(15,4,8,.28) 70%,
     rgba(15,4,8,.10) 100%);
}

/* 중앙 정렬 컨테이너 → 화면 끝에서 안쪽으로 들어옴 */
.login-shell {
  position:relative; z-index:1;
  max-width:1180px; margin:0 auto; padding:0 56px;
  min-height:100vh; display:flex; flex-direction:column;
}

.login-logo {
  position:absolute; top:40px; left:56px; color:#fff; font-weight:900; font-size:19px; letter-spacing:.5px; line-height:1;
}
.login-logo small { display:block; font-size:9px; font-weight:600; letter-spacing:3px; color:rgba(255,255,255,.7); margin-top:4px; }

/* 세로 가운데 + 좌측에서 살짝 더 안쪽으로 */
.login-inner { flex:1; display:flex; align-items:center; padding-left:0px; }
.login-left { width:100%; max-width:600px; }

.login-titles { margin-bottom:38px; }
.login-main-title {
  font-size:68px; font-weight:600; letter-spacing:-1.5px; line-height:1.06; margin:0 0 13px;
  color:#fff; text-shadow:0 2px 20px rgba(0,0,0,.35);
}
.login-sub-title { font-size:25px; font-weight:500; color:rgba(255,255,255,.88); margin:0; letter-spacing:-.3px; }

.login-error {
  background:rgba(255,255,255,.95); color:var(--primary-active);
  border-radius:var(--r-md); padding:11px 14px; font-size:14px; font-weight:600; margin-bottom:16px;
}

/* 가로 배치 폼: [ID][PW][로그인] */
.login-form { display:flex; gap:13px; align-items:stretch; flex-wrap:wrap; }
.login-field {
  flex:1; min-width:220px; height:73px; padding:0 24px;
  background:var(--primary); color:#fff; border:none; border-radius:var(--r-sm);
  font-family:inherit; font-size:20px; font-weight:500;
}
.login-field::placeholder { color:rgba(255,255,255,.8); }
.login-field:focus { outline:none; background:var(--primary-active); box-shadow:0 0 0 3px rgba(255,255,255,.25); }
.login-btn {
  height:73px; padding:0 36px; border:none; background:#fff; color:var(--ink);
  border-radius:var(--r-sm); font-family:inherit; font-size:20px; font-weight:700; white-space:nowrap;
  transition:background .15s,color .15s;
}
.login-btn:hover { background:var(--primary); color:#fff; }

.login-contact { margin:22px 0 0 2px; font-size:17px; color:rgba(255,255,255,.78); font-weight:500; }

@media (max-width:768px){
  .login-shell { padding:0 24px; }
  .login-logo { left:24px; top:32px; }
  .login-inner { padding-left:0; align-items:center; }
  .login-main-title { font-size:46px; }
  .login-sub-title { font-size:20px; }
  .login-field { min-width:160px; height:64px; font-size:18px; }
  .login-btn { height:64px; font-size:18px; }
}