/* ══════════════════════════════════════════════════════
 * login.php 전용 스타일
 * /css/page-login.css
 * ※ 원본 인라인 규칙 그대로 이관 (시각 동일성 우선)
 * ══════════════════════════════════════════════════════ */

.auth-error-box{background:var(--danger-50);border:1px solid var(--danger-200);color:var(--danger-700);padding:10px 14px;border-radius:10px;font-size:var(--fs-13);margin-bottom:16px;}
/* 이메일 인증 성공 안내 */
.auth-ok-box{background:var(--sage-lt);border:1px solid var(--sage);color:var(--sage-dk);padding:10px 14px;border-radius:10px;font-size:var(--fs-13);margin-bottom:16px;}

.role-select-cards{display:flex;flex-direction:column;gap:16px;margin-top:20px;}
.role-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:16px;border:2px solid rgba(26,20,16,.06);transition:all .25s;cursor:pointer;text-decoration:none;color:inherit;position:relative;}
.role-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08);}

.couple-card:hover{border-color:var(--terracotta);background:rgba(196,105,74,.02);}
.planner-card:hover{border-color:var(--sage);background:rgba(107,140,110,.02);}

.rc-emoji{font-size:var(--fs-36);flex-shrink:0;}
.rc-title{font-family:'DM Serif Display',serif;font-size:var(--fs-18);color:var(--ink);margin-bottom:4px;}
.rc-desc{font-size:var(--fs-13);color:var(--ink-50);font-weight:300;}
.rc-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:var(--fs-20);color:var(--ink-hint);transition:all .2s;}
.role-card:hover .rc-arrow{right:18px;}
.couple-card:hover .rc-arrow{color:var(--terracotta);}
.planner-card:hover .rc-arrow{color:var(--sage-dk);}

@media(max-width:640px){
  .role-card{padding:18px;gap:12px;}
  .rc-emoji{font-size:var(--fs-28);}
  .rc-title{font-size:var(--fs-16);}
}