@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 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 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}}