.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(var(--background));position:relative;overflow:hidden}.auth-honeycomb-bg{position:fixed;inset:0;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}.dark .auth-honeycomb-bg{opacity:.15}.auth-content{position:relative;z-index:1;width:100%;max-width:420px;padding:2rem}.auth-logo{flex-direction:column;margin-bottom:2rem}.auth-logo,.auth-logo-mark{display:flex;align-items:center}.auth-logo-mark{width:56px;height:56px;justify-content:center;background:linear-gradient(135deg,hsl(var(--amber)) 0,hsl(38 92% 40%) 100%);color:white;font-size:1.25rem;font-weight:700;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 12px hsl(var(--amber)/.3)}.auth-logo-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0}.auth-logo-subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.auth-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 4px 24px hsl(var(--foreground)/.06);overflow:hidden}.auth-card-header{padding:1.5rem 1.5rem 0}.auth-card-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem}.auth-card-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.auth-card-content{padding:1.5rem}.auth-form{gap:1rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:hsl(var(--muted-foreground));pointer-events:none}.auth-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;font-size:.875rem;color:hsl(var(--foreground));background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:8px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{outline:none;border-color:hsl(var(--amber));box-shadow:0 0 0 3px hsl(var(--amber)/.1)}.auth-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.auth-input::placeholder{color:hsl(var(--muted-foreground))}.auth-input-hint{font-size:.75rem;color:hsl(var(--muted-foreground))}.auth-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:0;background:none;border:none;color:hsl(var(--muted-foreground));cursor:pointer;transition:color .15s}.auth-password-toggle:hover{color:hsl(var(--foreground))}.auth-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:white;background:linear-gradient(135deg,hsl(var(--amber)) 0,hsl(38 92% 42%) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .15s}.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{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;cursor:pointer;transition:all .15s}.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{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:hsl(var(--muted-foreground));background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.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{display:flex;align-items:center;gap:1rem;margin:1rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:hsl(var(--border))}.auth-divider-text{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;color:hsl(var(--destructive));background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.2);border-radius:8px}.auth-error svg{flex-shrink:0}.auth-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;color:hsl(var(--green));background:hsl(var(--green)/.1);border:1px solid hsl(var(--green)/.2);border-radius:8px}.auth-link{color:hsl(var(--amber));text-decoration:none;font-weight:500;transition:color .15s}.auth-link:hover{color:hsl(38 92% 42%);text-decoration:underline}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.auth-password-requirements{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-requirement{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.auth-requirement.met{color:hsl(var(--green))}.auth-requirement svg{width:12px;height:12px}.auth-oauth-section{display:flex;flex-direction:column;gap:.75rem}.auth-passkey-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;cursor:pointer;transition:all .15s}.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:auth-spin 1s linear infinite}@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.auth-success-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:hsl(var(--green)/.1);color:hsl(var(--green));border-radius:50%;margin-bottom:1.5rem}.auth-success-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .75rem}.auth-success-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0 0 .5rem;line-height:1.5}.auth-success-description strong{color:hsl(var(--foreground))}.auth-success-hint{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0 0 1.5rem}.auth-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));background:hsl(var(--muted)/.3);border:1px solid hsl(var(--border));border-radius:8px;cursor:pointer;transition:all .15s}.auth-btn-secondary:hover{background:hsl(var(--muted)/.5);border-color:hsl(var(--muted-foreground))}.auth-back-link{display:inline-flex;align-items:center;gap:.375rem}@media (max-width:480px){.auth-content{padding:1rem}.auth-card-content{padding:1.25rem}.auth-password-requirements{grid-template-columns:1fr}}