/* ════════════ AUTH PAGES ════════════ */
.auth-wrap{
  min-height:calc(100vh - 56px);
  display:flex; align-items:center; justify-content:center;
  padding:40px 24px;
}
.auth-box{
  width:100%; max-width:420px;
  background:var(--surface); border:2px solid var(--ink);
  border-radius:16px; padding:40px 32px;
}
.auth-logo{
  font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:900; font-size:26px;
  letter-spacing:-1px; margin-bottom:2px; text-align:center;
}
.auth-sub{
  text-align:center; color:var(--ink3); font-size:13px; margin-bottom:28px;
}
.auth-h{font-family:'Gmarket Sans','Noto Sans KR',sans-serif;font-size:20px;font-weight:700;margin-bottom:4px;}
.auth-p{font-size:13px;color:var(--ink3);margin-bottom:20px;}

.divider{
  display:flex; align-items:center; gap:12px;
  margin:18px 0; color:var(--ink3); font-size:12px;
}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border);}

/* ════════════ PROFILE PAGE ════════════ */
.profile-wrap{max-width:600px;margin:0 auto;padding:40px 24px 80px;}
.profile-card{
  background:var(--surface);border:1.5px solid var(--border);
  border-radius:var(--radius);padding:28px;margin-bottom:20px;
}
.profile-top{display:flex;align-items:center;gap:18px;margin-bottom:24px;}
.avatar{
  width:60px;height:60px;border-radius:12px;flex-shrink:0;
  background:var(--ink);color:var(--bg);
  display:flex;align-items:center;justify-content:center;
  font-family:'Gmarket Sans','Noto Sans KR',sans-serif;font-size:22px;font-weight:900;
}
.profile-name{font-family:'Gmarket Sans','Noto Sans KR',sans-serif;font-size:20px;font-weight:900;}
.profile-email{font-size:12px;color:var(--ink3);margin-top:3px;font-family:'DM Mono',monospace;}

.section-h{
  font-family:'DM Mono',monospace; font-size:11px; text-transform:uppercase;
  letter-spacing:.8px; color:var(--ink3); margin:22px 0 10px;
}

.toggle-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 14px; background:var(--surface2);
  border:1px solid var(--border); border-radius:9px; margin-bottom:8px;
}
.toggle-info-label{font-size:14px;font-weight:500;}
.toggle-info-desc{font-size:12px;color:var(--ink3);margin-top:2px;}
.toggle{
  width:42px;height:22px;border-radius:100px;
  border:none;cursor:pointer;position:relative;
  background:var(--border2);transition:background .2s;flex-shrink:0;
}
.toggle::after{
  content:'';position:absolute;width:16px;height:16px;border-radius:50%;
  background:#fff;top:3px;left:3px;transition:left .2s;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
}
.toggle.on{background:var(--ink);}
.toggle.on::after{left:23px;}

.stat-trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.stat-block{
  background:var(--surface2);border:1px solid var(--border);
  border-radius:9px;padding:14px;text-align:center;
}
.stat-block-num{
  font-family:'DM Mono',monospace;font-size:22px;font-weight:500;
  color:var(--ink);display:block;
}
.stat-block-label{font-size:11px;color:var(--ink3);margin-top:3px;}


