.social-login{margin-bottom:1.5rem}.social-login-divider{display:flex;align-items:center;text-align:center;color:var(--color-text-muted);font-size:.72rem;font-weight:600;margin:1.5rem 0 1.25rem}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;height:1px;background:transparent 45%,var(--color-info-light),transparent)}.social-login-divider span{padding:0 .85rem;text-transform:uppercase;letter-spacing:.16em}.social-login-buttons{display:flex;flex-direction:column;gap:.6rem}.social-button{display:grid;grid-template-columns:18px 1fr 18px;align-items:center;width:100%;min-height:46px;padding:0 1rem;border:1px solid var(--color-info-light);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.93rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 1px #14233c08;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .12s ease}.social-button:hover{background:var(--color-info-light);border-color:var(--color-border);box-shadow:0 4px 12px #14233c14;transform:translateY(-1px)}.social-button:active{transform:translateY(0);box-shadow:0 1px 2px #14233c0f}.social-button:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3498db47}.social-button.social-google:hover{border-color:var(--color-border);box-shadow:0 4px 12px #4285f424}.social-button.social-microsoft:hover{border-color:var(--color-border);box-shadow:0 4px 12px #0078d724}.social-button.social-facebook:hover{border-color:var(--color-border);box-shadow:0 4px 12px #1877f224}.social-icon{grid-column:1;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.social-icon svg{display:block}.social-label{grid-column:2;text-align:center;line-height:1}@keyframes social-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.social-button{animation:social-rise .32s ease both}.social-button:nth-child(1){animation-delay:.04s}.social-button:nth-child(2){animation-delay:.1s}.social-button:nth-child(3){animation-delay:.16s}@media (prefers-reduced-motion: reduce){.social-button{animation:none;transition:border-color .2s ease,background-color .2s ease}.social-button:hover{transform:none}}[data-style=modern][data-mode=dark] .social-login-divider{color:var(--color-text-muted)}[data-style=modern][data-mode=dark] .social-login-divider:before,[data-style=modern][data-mode=dark] .social-login-divider:after{background:transparent 45%,var(--color-text-muted),transparent )}[data-style=modern][data-mode=dark] .social-button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:0 1px 2px #00000040}[data-style=modern][data-mode=dark] .social-button:hover{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 6px 16px #00000059}[data-style=modern][data-mode=dark] .social-button.social-google:hover{border-color:var(--color-border);box-shadow:0 6px 16px #4285f438}[data-style=modern][data-mode=dark] .social-button.social-microsoft:hover{border-color:var(--color-border);box-shadow:0 6px 16px #00a4ef38}[data-style=modern][data-mode=dark] .social-button.social-facebook:hover{border-color:var(--color-border);box-shadow:0 6px 16px #1877f238}[data-style=modern][data-mode=dark] .social-button:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px #60a5fa4d}