.social-auth-container{width:100%;padding:2.5rem 2rem;background:#fff;border-radius:inherit}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{color:#111827;margin:0 0 .5rem;font-size:1.625rem;font-weight:600}.auth-header p{color:#6b7280;font-size:.9375rem;margin:0}.social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.social-btn:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.social-btn:active:not(:disabled){transform:translateY(0)}.social-btn:disabled{opacity:.5;cursor:not-allowed}.google-btn:hover:not(:disabled){border-color:#4285f4;background:#f8f9ff}.github-btn:hover:not(:disabled){border-color:#24292e;background:#f6f8fa}.social-icon{width:20px;height:20px;flex-shrink:0}.auth-divider{text-align:center;margin:1.75rem 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e5e7eb 20%,#e5e7eb 80%,transparent)}.auth-divider span{background:#fff;padding:0 1rem;position:relative;color:#6b7280;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;z-index:1}.email-option-btn{width:100%;padding:13px 18px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.email-option-btn:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.email-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.01em}.form-group input{width:100%;padding:13px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .2s ease;background:#fff;color:#1f2937}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-group input::placeholder{color:#9ca3af}.email-auth-btn{width:100%;padding:13px 18px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;box-shadow:0 2px 8px #3b82f640}.email-auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f659}.email-auth-btn:active:not(:disabled){transform:translateY(0)}.email-auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.back-btn{background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem;padding:8px 12px;border-radius:6px}.back-btn:hover{color:#374151;background:#00000008}.error-message{background:linear-gradient(135deg,#fef2f2,#fff5f5);border:1px solid #fecaca;color:#dc2626;padding:14px 18px;border-radius:10px;font-size:.875rem;margin-bottom:1.25rem;text-align:center;font-weight:500;box-shadow:0 2px 8px #dc26261a}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(229,231,235,.7)}.auth-footer p{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.link-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;padding:4px 8px;border-radius:4px}.link-btn:hover{color:#2563eb;background:#3b82f60d;text-decoration:underline}@media(max-width:480px){.social-auth-container{margin:0 1rem;padding:1.5rem}.auth-header h2{font-size:1.5rem}.social-btn,.email-option-btn,.email-auth-btn{padding:14px 16px;font-size:1rem}}