@layer components{.auth-page-container{max-width:400px;margin:0 auto;padding:2.5rem 1rem}.auth-page-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;box-shadow:0 1px 2px #0f172a0f}.auth-page-header{text-align:center;margin-bottom:1.4rem}.auth-page-title{color:#111827;letter-spacing:0;margin:0;font-size:1.25rem;font-weight:700}.auth-page-switch{color:#6b7280;margin:.45rem 0 0;font-size:.875rem}.auth-page-switch a,.auth-page-footer-note a,.auth-inline-link{color:#2563eb;font-weight:500;text-decoration:none}.auth-page-switch a:hover,.auth-page-footer-note a:hover,.auth-inline-link:hover{text-decoration:underline}.auth-inline-link-danger{color:#dc2626}.auth-page-card .auth-alert{border-radius:12px;margin-bottom:1rem}.auth-page-card .auth-alert-success{color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0}.auth-page-card .auth-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.auth-page-card .auth-field label{color:#374151;margin-bottom:.375rem}.auth-page-card .auth-name-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-page-card .auth-input-wrapper>:is(i,svg):first-child{color:#9ca3af}.auth-page-card .auth-input-wrapper .input-glass{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;width:100%;transition:border-color .2s,background-color .2s,box-shadow .2s}.auth-page-card .auth-input-wrapper .input-glass:focus{background:#fff;border-color:#cbd5e1;outline:none;box-shadow:0 0 0 2px #94a3b83d}.auth-page-card .auth-toggle-password{color:#94a3b8;background:0 0;border:none}.auth-page-card .auth-toggle-password:hover{color:#0f172a;background:0 0}.auth-page-card .auth-forgot-link{color:#2563eb}.auth-page-card .auth-forgot-link:hover{color:#1d4ed8}.auth-page-submit{color:#fff;background:#111827;border:1px solid #111827;border-radius:12px;justify-content:center;width:100%;padding:.8rem 1rem;font-size:.875rem;font-weight:600}.auth-page-submit:hover{background:#1f2937;border-color:#1f2937;transform:none;box-shadow:0 1px 2px #0f172a1f}.auth-page-card .auth-trust-text,.auth-page-card .auth-micro-copy{color:#64748b}.auth-page-divider span{color:#6b7280}.auth-page-social-buttons{grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:1.5rem;display:grid}.auth-page-card .auth-social-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.62rem .8rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.auth-page-card .auth-social-btn:hover{box-shadow:none;background:#f9fafb;border-color:#d1d5db;transform:none}.auth-social-separator{margin-bottom:1.5rem}.auth-page-card .auth-divider{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;gap:.75rem;font-size:.75rem}@media (width<=480px){.auth-page-container{padding:1rem}.auth-page-card{border-radius:16px;padding:1.5rem 1.25rem}.auth-options{flex-direction:column;align-items:flex-start;gap:.75rem}.auth-page-card .auth-name-grid{grid-template-columns:1fr}.auth-page-social-buttons{grid-template-columns:1fr 1fr}}}
