/* ## SOURCEMAP
## DESCRIPTION: ログイン画面スタイル
*/
body { font-family:'Noto Sans JP',sans-serif; background:var(--bg); min-height:100vh; display:flex; }
.left-panel {
  width:420px; min-width:420px; background:var(--brand);
  display:flex; flex-direction:column; justify-content:center;
  padding:48px 40px; position:relative; overflow:hidden;
}
.left-panel::before {
  content:''; position:absolute; top:-80px; right:-80px;
  width:300px; height:300px; border-radius:50%;
  background:rgba(255,255,255,.06);
}
.left-panel::after {
  content:''; position:absolute; bottom:-60px; left:-60px;
  width:200px; height:200px; border-radius:50%;
  background:rgba(255,255,255,.04);
}
.lp-logo { font-size:11px; font-weight:700; color:rgba(255,255,255,.5); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:8px; }
.lp-title { font-size:26px; font-weight:700; color:#fff; line-height:1.3; margin-bottom:16px; }
.lp-desc { font-size:13px; color:rgba(255,255,255,.7); line-height:1.8; }
.lp-features { margin-top:32px; display:flex; flex-direction:column; gap:12px; }
.lp-feature { display:flex; align-items:center; gap:10px; font-size:13px; color:rgba(255,255,255,.8); }
.lp-feature-icon { font-size:18px; }

.right-panel { flex:1; display:flex; align-items:center; justify-content:center; padding:32px; }
.login-box { width:100%; max-width:380px; }
.login-box h2 { font-size:20px; font-weight:700; color:var(--text); margin-bottom:6px; }
.login-box .sub { font-size:13px; color:var(--text-muted); margin-bottom:28px; }

.form-group { margin-bottom:16px; }
label { display:block; font-size:12px; font-weight:600; margin-bottom:5px; color:var(--text); }
input {
  width:100%; padding:10px 12px;
  border:1px solid var(--border); border-radius:7px;
  font-size:14px; font-family:inherit; background:var(--surface); color:var(--text);
  transition:border-color .15s;
}
input:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(107,30,46,.1); }
.btn-login {
  width:100%; padding:12px; background:var(--brand); color:#fff;
  border:none; border-radius:8px; font-size:15px; font-weight:700;
  font-family:inherit; cursor:pointer; margin-top:4px; transition:opacity .15s;
}
.btn-login:hover { opacity:.88; }
.alert-err { background:#fdeaea; color:var(--danger); border:1px solid #f5c6c6; padding:10px 13px; border-radius:7px; font-size:13px; margin-bottom:16px; }

@media(max-width:700px){
  body { flex-direction: column; }
  .left-panel {
    width: 100%; min-width: unset;
    padding: 24px 20px;
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
  .left-panel::before, .left-panel::after { display: none; }
  .lp-logo { display: none; }
  .lp-title { font-size: 18px; margin-bottom: 0; white-space: nowrap; }
  .lp-desc { display: none; }
  .lp-features { display: none; }
  .right-panel { padding: 24px 20px; align-items: flex-start; }
  .login-box { max-width: 100%; }
}