:root{
  --auth-bg:#f5f3ee;
  --auth-panel:#fffdf8;
  --auth-border:#ddd5c8;
  --auth-text:#1d1a17;
  --auth-muted:#6d665d;
  --auth-accent:#0c6b43;
  --auth-accent-dark:#085235;
  --auth-error:#a23a2c;
  --auth-success:#0d6b51;
  --auth-info:#705520;
  --auth-shadow:0 24px 54px rgba(34,28,21,.12);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Segoe UI","Noto Sans KR",sans-serif;background:linear-gradient(135deg,#f8f5ef 0%,#f2ede4 100%);color:var(--auth-text)}
body{min-height:100vh}
.loginShell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 48px}
.loginPanel{width:min(420px,100%);padding:36px 32px;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:rgba(255,253,248,.95);box-shadow:var(--auth-shadow)}
.panelTitle{margin:0;font-size:34px;font-weight:900;letter-spacing:-.04em}
.alert{margin-top:18px;padding:13px 15px;border-radius:14px;font-size:14px;font-weight:700;line-height:1.5}
.alert.success{background:rgba(13,107,81,.1);color:var(--auth-success);border:1px solid rgba(13,107,81,.2)}
.alert.error{background:rgba(162,58,44,.1);color:var(--auth-error);border:1px solid rgba(162,58,44,.2)}
.alert.info{background:rgba(112,85,32,.1);color:var(--auth-info);border:1px solid rgba(112,85,32,.2)}
.loginForm{display:grid;gap:16px;margin-top:24px}
.field{display:grid;gap:8px}
.fieldLabel{font-size:14px;font-weight:800;color:var(--auth-muted)}
.field input{height:56px;padding:0 16px;border:1px solid var(--auth-border);border-radius:16px;background:#fff;font-size:17px;color:var(--auth-text);outline:none;transition:border-color .18s,box-shadow .18s}
.field input:focus{border-color:rgba(12,107,67,.48);box-shadow:0 0 0 4px rgba(12,107,67,.12)}
.rememberGroup{display:grid;gap:10px}
.rememberRow{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--auth-muted);user-select:none}
.rememberRow input{width:18px;height:18px;accent-color:var(--auth-accent)}
.submitBtn{height:58px;margin-top:4px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--auth-accent),#1a8c5c);color:#fff;font-size:17px;font-weight:900;cursor:pointer;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 14px 28px rgba(12,107,67,.18)}
.submitBtn:hover{transform:translateY(-1px);filter:saturate(1.03)}
.submitBtn:active{transform:translateY(0)}
@media (max-width:760px){
  .loginShell{justify-content:center;padding:18px}
  .loginPanel{padding:28px 22px;border-radius:20px}
  .panelTitle{font-size:28px}
  .field input,.submitBtn{height:52px}
}