@layer components{.auth-page{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:40rem;box-shadow:var(--shadow-auth);padding:2rem}.auth-form{gap:1.5rem;display:grid}.auth-form .form-group{gap:.75rem;display:grid}.auth-form label{color:var(--color-foreground);font-size:.875rem;font-weight:600}.auth-form input,.auth-form textarea,.auth-form select{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-card);width:100%;min-height:3rem;color:var(--color-foreground);outline:none;padding:.95rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-form input:focus,.auth-form textarea:focus,.auth-form select:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #4e987224}.auth-form button{border-radius:var(--radius-md);background:var(--color-brand-accent);width:100%;min-height:3rem;color:var(--color-white);cursor:pointer;transition:transform .15s var(--transition-timing-function-brand), box-shadow .15s var(--transition-timing-function-brand), background-color .15s var(--transition-timing-function-brand);border:none;font-weight:600}.auth-form button:hover:not(:disabled){background:color-mix(in srgb, var(--color-brand-accent) 80%, var(--color-brand-dark) 20%);transform:translateY(-1px);box-shadow:0 12px 24px #061e141f}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-form .status-error{color:#dc2626;font-size:.95rem}.auth-form .status-success{color:#16a34a;font-size:.95rem}.auth-form a{color:var(--color-brand-accent);text-decoration:none;transition:color .2s}.auth-form a:hover{color:color-mix(in srgb, var(--color-brand-accent) 80%, var(--color-brand-dark) 20%);text-decoration:underline}}