.social-login-card,
.social-account-card {
    width: min(620px, 100%);
    margin: 18px auto 42px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e4ded4;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(80, 59, 42, .06);
}
.social-login-card h1,
.social-account-card h1 { margin: 0 0 10px; color: #5b3a29; }
.social-login-guide,
.social-login-privacy { color: #6b746f; }
.social-login-buttons { display: grid; gap: 12px; margin: 24px 0; }
.social-login-button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    border-radius: 12px;
    font-weight: 800;
    text-decoration: none !important;
    border: 1px solid #d8d2ca;
}
.social-login-button.naver { background: #03c75a; border-color: #03c75a; color: #fff; }
.social-login-button.kakao { background: #fee500; border-color: #fee500; color: #191919; }
.social-login-button.google { background: #fff; color: #333; }
.social-login-button.is-disabled { background: #f4f1ed; color: #999; border-color: #e1ddd5; cursor: not-allowed; }
.social-account-info { margin: 22px 0; }
.social-account-info > div { display: grid; grid-template-columns: 100px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid #eee8df; }
.social-account-info dt { font-weight: 800; color: #6d4c41; }
.social-account-info dd { margin: 0; }
.social-account-actions { margin: 22px 0 30px; }
.social-withdraw-box { margin-top: 28px; padding-top: 24px; border-top: 1px solid #e4ded4; }
.social-withdraw-box h2 { margin: 0 0 10px; font-size: 1.08rem; color: #7e3c35; }
.social-withdraw-box p { margin: 7px 0; color: #6b746f; font-size: .94rem; }
.social-withdraw-confirm { display: block; margin: 16px 0 12px; }
.social-withdraw-button { background: #9b2c2c; }
@media (max-width: 640px) {
    .social-login-card,
    .social-account-card { padding: 22px 18px; border-radius: 14px; }
}