@layer components{.auth-password-strength{gap:var(--echo-spacing-200);display:grid}.auth-password-strength-meter{--auth-password-strength-fill:color-mix(in srgb, var(--border) 82%, transparent);gap:var(--echo-spacing-100);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.auth-password-strength-meter[data-strength-level=weak]{--auth-password-strength-fill:var(--destructive)}.auth-password-strength-meter[data-strength-level=fair]{--auth-password-strength-fill:var(--auth-warning)}.auth-password-strength-meter[data-strength-level=good]{--auth-password-strength-fill:color-mix(in srgb, var(--primary) 58%, var(--auth-success))}.auth-password-strength-meter[data-strength-level=strong]{--auth-password-strength-fill:var(--auth-success)}.auth-password-strength-bar{block-size:var(--echo-spacing-100);border-radius:var(--echo-radius-full);background:color-mix(in srgb, var(--border) 62%, transparent);transition:background-color .2s,transform .2s}.auth-password-strength-bar[data-active=true]{background:var(--auth-password-strength-fill)}.auth-password-strength-copy{color:var(--muted-foreground);font-size:var(--echo-text-300);line-height:var(--echo-leading-normal);margin:0}}
@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-350);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}}}