.auth-page-centered{justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex;position:relative}.theme-toggle-centered{background:hsl(var(--card));border:1px solid hsl(var(--border));cursor:pointer;width:40px;height:40px;color:hsl(var(--foreground));z-index:50;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:1.25rem;right:1.25rem;box-shadow:0 1px 3px #00000014}.theme-toggle-centered:hover{background:hsl(var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.auth-centered-inner{width:100%;max-width:400px}.auth-header-centered{text-align:center;margin-bottom:2rem}.auth-title-centered{color:hsl(var(--foreground));letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.875rem;font-weight:800;line-height:1.2}.auth-description-centered{color:hsl(var(--muted-foreground));text-align:center;font-size:.9375rem;line-height:1.5}.auth-form-centered{flex-direction:column;gap:1.25rem;display:flex}.auth-divider-centered{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.8125rem;font-weight:500;display:flex}.auth-divider-centered:before,.auth-divider-centered:after{content:"";background:hsl(var(--border));flex:1;height:1px}.auth-alt-buttons-centered{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.btn-alt-centered{border:1.5px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-alt-centered:hover{background:hsl(var(--accent));border-color:hsl(var(--primary) / .3);color:hsl(var(--primary));transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.auth-footer-link-centered{text-align:center;color:hsl(var(--muted-foreground));margin-top:1.75rem;font-size:.9rem}.auth-link{color:hsl(var(--primary));font-weight:600;text-decoration:none;transition:all .15s}.auth-link:hover{color:#1450d2;text-decoration:underline}.auth-back-centered{color:hsl(var(--muted-foreground));align-items:center;gap:.375rem;margin-bottom:2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.auth-back-centered:hover{color:hsl(var(--foreground))}.otp-inputs-centered{grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;margin-bottom:1.5rem;display:grid}.otp-input-centered{aspect-ratio:1;text-align:center;border:1.5px solid hsl(var(--border));background:hsl(var(--input-background));width:100%;color:hsl(var(--foreground));border-radius:10px;outline:none;min-width:0;font-size:1.25rem;font-weight:700;transition:all .2s}.otp-input-centered:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:hsl(var(--foreground));letter-spacing:-.01em;font-size:.875rem;font-weight:600}.input-wrapper{position:relative}.input-icon{color:hsl(var(--muted-foreground));pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.form-input{border:1.5px solid hsl(var(--border));background:hsl(var(--input-background));width:100%;color:hsl(var(--foreground));border-radius:10px;outline:none;padding:.75rem .875rem .75rem 2.625rem;font-size:.9375rem;line-height:1.5;transition:all .2s}.form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.form-input::placeholder{color:hsl(var(--muted-foreground) / .6)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input-plain{padding-left:.875rem}.form-help{color:hsl(var(--muted-foreground));font-size:.8125rem;line-height:1.4}.form-error{color:hsl(var(--destructive));font-size:.8125rem;font-weight:500}.form-checkbox{align-items:center;gap:.625rem;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:hsl(var(--primary));border-radius:4px;flex-shrink:0}.form-checkbox label{color:hsl(var(--foreground));cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.btn{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.8125rem 1.25rem;font-size:.9375rem;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.btn-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 1px 2px #00000014, 0 4px 12px hsl(var(--primary) / .3)}.btn-primary:hover:not(:disabled){box-shadow:0 1px 2px #0000001a, 0 6px 20px hsl(var(--primary) / .4);background:#1555e0;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.alert{border-radius:10px;align-items:flex-start;gap:.625rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.alert-error{background:hsl(var(--destructive) / .08);color:hsl(var(--destructive));border:1px solid hsl(var(--destructive) / .2)}.alert-info,.auth-demo-banner{background:hsl(var(--primary) / .08);color:hsl(var(--foreground));border:1px solid hsl(var(--primary) / .2)}.btn-demo{border:1px dashed hsl(var(--primary) / .45);background:hsl(var(--primary) / .06);color:hsl(var(--primary));cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-demo:hover:not(:disabled){background:hsl(var(--primary) / .12);border-color:hsl(var(--primary) / .6)}.alert-success{background:hsl(var(--chart-2) / .08);color:hsl(var(--chart-2));border:1px solid hsl(var(--chart-2) / .2)}
