*{box-sizing:border-box}
body{
  margin:0;
  font-family:Pretendard,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR",sans-serif;
  background: linear-gradient(180deg,#0b1220,#0d1528);
  color:#111;
}
.wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.card{
  width:min(420px,100%);
  background:#fff;
  border-radius:18px;
  padding:26px 24px 22px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.25);
}
.brand{ text-align:center; margin-bottom:14px; }
.logo{ width:140px; height:auto; display:block; margin:0 auto 10px; }
.brand h1{ margin:0; font-size:20px; }
.brand p{ margin:8px 0 0; color:#666; font-size:13px; }

.error{
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#9f1239;
  padding:10px 12px;
  border-radius:12px;
  font-size:13px;
  margin:14px 0;
}

.form{ margin-top:10px; }
.lbl{ display:block; margin:12px 0 6px; font-size:13px; color:#333; }
.inp{
  width:100%;
  height:44px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:0 12px;
  font-size:14px;
  outline:none;
}
.inp:focus{
  border-color:#111;
  box-shadow:0 0 0 3px rgba(17,17,17,0.12);
}

.btn{
  width:100%;
  height:46px;
  margin-top:16px;
  border:none;
  border-radius:12px;
  background:#111;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.btn:hover{ filter:brightness(1.05); }

.bottom{
  margin-top:14px;
  text-align:center;
}
.link{
  color:#444;
  text-decoration:none;
  font-size:13px;
}
.link:hover{ text-decoration:underline; }