.social-divider{position:relative;margin:1.5rem 0}.social-divider:after,.social-divider:before{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:hsla(0,0%,100%,.2)}.social-divider:before{left:0}.social-divider:after{right:0}.social-divider span{position:relative;padding:0 1rem;font-size:.875rem;opacity:.7}.social-login-buttons{display:flex;flex-direction:column;gap:.75rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;background-color:transparent;color:#fff;font-size:.938rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:100%}.social-btn:hover{opacity:.9}.social-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:.875rem}.google-btn{background-color:#fff;color:#333;border-color:#ddd}.google-btn .social-icon{background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.google-btn:hover{background-color:#f8f9fa;border-color:#ccc}.naver-btn{background-color:#03c75a;color:#fff;border-color:#03c75a}.naver-btn .social-icon{background-color:#fff;color:#03c75a}.naver-btn:hover{background-color:#02b350;border-color:#02b350}.kakao-btn{background-color:#fee500;color:#000;border-color:#fee500}.kakao-btn .social-icon{background-color:#000;color:#fee500}.kakao-btn:hover{background-color:#fdd800;border-color:#fdd800}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:8px;padding:.875rem 1rem;font-size:.938rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:100%}.auth-btn:hover{background-color:#f8f9fa}.auth-btn:disabled{background-color:#e9ecef;color:#6c757d;border-color:#dee2e6;cursor:not-allowed;opacity:.6}.auth-btn .btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}@media (max-width:576px){.social-btn{padding:.75rem .875rem;font-size:.875rem}.social-icon{width:20px;height:20px;font-size:.75rem}}