.auth-page{background:var(--background);width:100%;min-height:100dvh;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-sm);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:.25rem 1rem 1rem;transition:box-shadow .3s,background .3s,transform .2s;animation:.3s fadeIn;display:flex}.auth-card:hover{box-shadow:var(--shadow-sm);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-primary);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);box-shadow:0 0 5px var(--error)}.auth-error-text{color:var(--error);font-size:var(--font-size-xs)}.auth-helper-text{font-size:var(--font-size-xs);color:var(--text-primary)}.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-md);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-primary);align-items:flex-start;gap:.4rem;font-size:.75rem;display:flex}.auth-checkbox-input{border:1px solid var(--border);background:var(--surface);cursor:pointer;appearance:none;border-radius:4px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:15px;height:15px;transition:all .2s;display:inline-flex}.auth-checkbox-input:checked:after{content:"✓";color:#fff;font-size:10px}.auth-checkbox-input:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 4px var(--accent)}.auth-checkbox-input--error{box-shadow:0 0 5px var(--error);border-color:var(--error)!important;background:#ff00001a!important}.auth-checkbox-text{font-size:var(--font-size-sm);display:inline-block}.auth-switch-text{text-align:center;color:var(--text-primary);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)}.auth-tabs{border-bottom:1px solid var(--border);width:100%;display:flex}.auth-tab{text-align:center;font-size:var(--font-size-base);cursor:pointer;color:var(--text-primary);background:0 0;border:none;flex:1;padding:.25rem 0;font-weight:500;transition:all .25s}.auth-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface)50%,transparent)}.auth-tab--active{color:var(--accent);background:color-mix(in srgb,var(--surface)90%,transparent);border-bottom:2px solid var(--accent)}.auth-tab-panel{padding-top:.5rem}