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

.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-info{flex:1;}
.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);}}