.auth-page{background:var(--background);width:100%;min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:1rem;display:flex}.auth-card{background:color-mix(in srgb,var(--surface)80%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-md);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;transition:box-shadow .3s,background .3s,transform .2s;animation:.3s fadeIn;display:flex}.auth-card:hover{box-shadow:var(--shadow-lg);background:color-mix(in srgb,var(--surface)90%,transparent);transform:translateY(-1px)}.auth-form{flex-direction:column;gap:1rem;width:100%;animation:.3s fadeIn;display:flex}.auth-title{text-align:center;color:var(--text-primary);font-size:1.1rem;font-weight:600}.auth-field{flex-direction:column;gap:.25rem;display:flex}.auth-label{color:var(--text-secondary);font-size:.85rem}.auth-input{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:.5rem;padding:.55rem .75rem;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input:focus,.auth-input:focus-visible{border-color:var(--accent);box-shadow:0 0 10px var(--accent);outline:none}.auth-input--error{border-color:var(--error)}.auth-error-text{color:var(--error);font-size:.75rem}.auth-helper-text{color:var(--text-secondary);font-size:.75rem}.auth-warning-text{color:var(--warning);font-size:.8rem}.auth-button{width:100%;height:40px;box-shadow:var(--shadow-sm);border-radius:.75rem;font-weight:500;transition:background .25s,box-shadow .25s,transform .1s}.auth-button--disabled{background:var(--surface);color:var(--text-secondary);opacity:.6;cursor:not-allowed;box-shadow:none;pointer-events:auto}.auth-button--primary{background:var(--accent);color:#fff}.auth-button--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.auth-button--primary:disabled{background:var(--surface);color:var(--text-secondary);opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.75rem;line-height:1.4;display:flex}.auth-checkbox-input--error{border-color:var(--error);background:color-mix(in srgb,var(--error)15%,transparent);box-shadow:0 0 5px var(--error)}.auth-checkbox-input:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 4px var(--accent);position:relative}.auth-checkbox-input:checked:after{color:#fff;font-size:.7rem;position:absolute;top:-1px;left:2px}.auth-checkbox-text{display:inline-block}.auth-switch-text{text-align:center;color:var(--text-secondary);margin-top:.25rem;font-size:.8rem}.link-like{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;transition:color .25s,transform .25s,opacity .25s}.link-like:hover{color:var(--accent-hover);opacity:.9;transform:translateY(-1px)}