@layer components{.auth-social{gap:var(--auth-social-gap);display:grid}.auth-social-label{color:var(--muted-foreground);text-align:center;font-size:var(--echo-text-350);margin:0}.auth-social-buttons{gap:var(--echo-spacing-300);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-social-button{justify-content:center;width:100%;transition:transform .15s,box-shadow .15s,border-color .15s,background-color .15s}.auth-social-button:hover{transform:translateY(-1px)}.auth-social-button[data-provider=linkedin]{color:#fff;background:linear-gradient(135deg,#0a66c2,#0f7ae5);border-color:#07498c;box-shadow:0 14px 30px -22px #0a66c2e6}.auth-social-button[data-provider=linkedin]:hover{background:linear-gradient(135deg,#0958a9,#0d6fd0);border-color:#0a66c2}.auth-social-button[data-provider=google]{border-color:color-mix(in srgb, #4285f4 28%, var(--border));color:#1f1f1f;background:linear-gradient(135deg,#f0f5fe,#f7fcf8);box-shadow:0 14px 30px -22px #4285f473}.auth-social-button[data-provider=google]:hover{border-color:color-mix(in srgb, #4285f4 40%, var(--border));background:linear-gradient(135deg,#e8f0fe,#eff8f1)}.auth-social-icon{flex:none;width:1rem;height:1rem}.auth-separator{gap:var(--echo-spacing-300);color:var(--muted-foreground);font-size:var(--echo-text-350);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.auth-separator:before,.auth-separator:after{content:"";background:var(--border);height:1px}@media (max-width:640px){.auth-social-buttons{grid-template-columns:1fr}}}