.social-signin { margin: 20px 0 16px; }
.social-signin-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.social-signin-buttons form { margin: 0; min-width: 0; }
.social-signin-button { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #24324a; font: 650 .85rem/1.4 Inter, sans-serif; cursor: pointer; }
.social-signin-button i { flex-shrink: 0; font-size: 1.15rem; }
.social-signin-yahoo { color: #6001d2; border-color: #d8c5f0; }
.social-signin-button:hover:not(:disabled) { background: #f3f6fb; border-color: #6c83ba; }
.social-signin-button:focus-visible { outline: 3px solid #4264ff; outline-offset: 3px; }
.social-signin-button:disabled { cursor: not-allowed; background: #f3f5f8; color: #687487; }
.social-signin-help { margin: 9px 0 0; color: #59677c; font-size: .74rem; line-height: 1.5; }
.social-signin-divider { display: flex; align-items: center; gap: 12px; margin-top: 17px; color: #65718b; font-size: .76rem; }
.social-signin-divider::before, .social-signin-divider::after { content: ''; flex: 1; height: 1px; background: #dce3ed; }
@media (max-width: 480px) { .social-signin-buttons { grid-template-columns: minmax(0, 1fr); } }