.auth-container{background:hsl(var(--background));justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-honeycomb-bg{pointer-events:none;z-index:0;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23f59e0b' stroke-width='0.5'/%3E%3Cpath d='M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34' fill='none' stroke='%23f59e0b' stroke-width='0.5'/%3E%3C/svg%3E");background-size:56px 100px;transition:opacity .3s;position:fixed;inset:0}.dark .auth-honeycomb-bg{opacity:.15}.auth-content{z-index:1;width:100%;max-width:420px;padding:2rem;position:relative}.auth-logo{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.auth-logo-mark{background:linear-gradient(135deg, hsl(var(--amber)) 0%, #c47f08 100%);color:#fff;width:56px;height:56px;box-shadow:0 4px 12px hsl(var(--amber) / .3);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.auth-logo-title{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:700}.auth-logo-subtitle{color:hsl(var(--muted-foreground));margin-top:.25rem;font-size:.875rem}.auth-card{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 4px 24px hsl(var(--foreground) / .06);border-radius:12px;overflow:hidden}.auth-card-header{padding:1.5rem 1.5rem 0}.auth-card-title{color:hsl(var(--foreground));margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.auth-card-description{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem}.auth-card-content{padding:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form-group{flex-direction:column;gap:.5rem;display:flex}.auth-label{color:hsl(var(--foreground));font-size:.875rem;font-weight:500}.auth-input-wrapper{position:relative}.auth-input-icon{width:16px;height:16px;color:hsl(var(--muted-foreground));pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.auth-input{width:100%;color:hsl(var(--foreground));background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:8px;padding:.625rem .75rem .625rem 2.5rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:hsl(var(--amber));box-shadow:0 0 0 3px hsl(var(--amber) / .1);outline:none}.auth-input::placeholder{color:hsl(var(--muted-foreground))}.auth-input-hint{color:hsl(var(--muted-foreground));font-size:.75rem}.auth-password-toggle{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:hsl(var(--foreground))}.auth-btn-primary{color:#fff;background:linear-gradient(135deg, hsl(var(--amber)) 0%, #ce8509 100%);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.auth-btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 12px hsl(var(--amber) / .3)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn-outline{width:100%;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.auth-btn-outline:hover:not(:disabled){border-color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3)}.auth-btn-outline:disabled{opacity:.6;cursor:not-allowed}.auth-btn-ghost{width:100%;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.auth-btn-ghost:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted) / .3)}.auth-btn-ghost:disabled{opacity:.6;cursor:not-allowed}.auth-divider{align-items:center;gap:1rem;margin:1rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:hsl(var(--border));flex:1;height:1px}.auth-divider-text{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.auth-error{color:hsl(var(--destructive));background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .2);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.auth-error svg{flex-shrink:0}.auth-success{color:hsl(var(--green));background:hsl(var(--green) / .1);border:1px solid hsl(var(--green) / .2);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.auth-link{color:hsl(var(--amber));font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover{color:#ce8509;text-decoration:underline}.auth-footer{text-align:center;color:hsl(var(--muted-foreground));margin-top:1.5rem;font-size:.875rem}.auth-password-requirements{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.auth-requirement{color:hsl(var(--muted-foreground));align-items:center;gap:.375rem;font-size:.75rem;display:flex}.auth-requirement.met{color:hsl(var(--green))}.auth-requirement svg{width:12px;height:12px}.auth-oauth-section{flex-direction:column;gap:.75rem;display:flex}.auth-passkey-btn{width:100%;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.auth-passkey-btn:hover:not(:disabled){border-color:hsl(var(--violet));background:hsl(var(--violet) / .05)}.auth-passkey-btn svg{color:hsl(var(--violet))}.auth-spinner{animation:1s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-success-state{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.auth-success-icon{background:hsl(var(--green) / .1);width:72px;height:72px;color:hsl(var(--green));border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.auth-success-title{color:hsl(var(--foreground));margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.auth-success-description{color:hsl(var(--muted-foreground));margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.auth-success-description strong{color:hsl(var(--foreground))}.auth-success-hint{color:hsl(var(--muted-foreground));margin:0 0 1.5rem;font-size:.75rem}.auth-btn-secondary{color:hsl(var(--foreground));background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.auth-btn-secondary:hover{background:hsl(var(--muted) / .5);border-color:hsl(var(--muted-foreground))}.auth-back-link{align-items:center;gap:.375rem;display:inline-flex}@media (max-width:480px){.auth-content{padding:1rem}.auth-card-content{padding:1.25rem}.auth-password-requirements{grid-template-columns:1fr}}