.auth-card{background:hsl(var(--card));-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--border));box-shadow:0 32px 80px -24px hsl(var(--foreground)/.25),inset 0 1px 0 hsl(var(--background)),inset 0 -1px 0 hsl(var(--border));position:relative}.auth-card:before{content:"";background:linear-gradient(90deg,transparent,hsl(var(--primary)/.4),transparent);height:1px;position:absolute;top:0;left:0;right:0}.auth-input{background:hsl(var(--background));-webkit-backdrop-filter:blur(10px);border:1px solid hsl(var(--input));color:hsl(var(--foreground));caret-color:hsl(var(--primary));height:3rem;box-shadow:inset 0 1px 2px hsl(var(--foreground)/.05);border-radius:.75rem;font-size:1rem;transition:all .3s}.auth-input::placeholder{color:hsl(var(--muted-foreground)/.6)}.auth-input:focus{border-color:hsl(var(--primary)/.5);box-shadow:0 0 0 3px hsl(var(--primary)/.15),inset 0 1px 2px hsl(var(--foreground)/.05),0 4px 12px hsl(var(--primary)/.1);background:hsl(var(--background));outline:none}.auth-code-input{text-align:center;letter-spacing:.5em;height:3.5rem;font-family:monospace;font-size:1.5rem}.auth-google-button{background:hsl(var(--secondary));-webkit-backdrop-filter:blur(10px);border:1px solid hsl(var(--border));color:hsl(var(--secondary-foreground));height:3rem;box-shadow:inset 0 1px 0 hsl(var(--card)),0 2px 8px hsl(var(--foreground)/.08);border-radius:.75rem;justify-content:center;align-items:center;padding-left:1rem;padding-right:6rem;font-size:1rem;transition:all .3s;display:flex;position:relative}.auth-google-button:hover{background:hsl(var(--secondary)/.7);border-color:hsl(var(--border));box-shadow:inset 0 1px 0 hsl(var(--card)),0 4px 16px hsl(var(--foreground)/.12);transform:translateY(-1px)}.auth-badge{background:hsl(var(--accent));-webkit-backdrop-filter:blur(8px);color:hsl(var(--accent-foreground));pointer-events:none;border:1px solid hsl(var(--primary)/.25);box-shadow:inset 0 1px 0 hsl(var(--card)/.6);border-radius:1rem;padding:.2rem .5rem;font-size:.65rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider span{background:hsl(var(--muted));-webkit-backdrop-filter:blur(8px);color:hsl(var(--muted-foreground));z-index:1;border:1px solid hsl(var(--border));border-radius:1rem;padding:.5rem 1.5rem;font-size:.875rem;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg,transparent,hsl(var(--border)),transparent);width:calc(50% - 3rem);height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-submit{background:hsl(var(--primary));-webkit-backdrop-filter:blur(10px);color:hsl(var(--primary-foreground));border:1px solid hsl(var(--primary)/.2);height:3rem;box-shadow:inset 0 1px 0 hsl(var(--primary-foreground)/.2),0 4px 16px hsl(var(--primary)/.3);border-radius:.75rem;font-size:1rem;transition:all .3s;position:relative;overflow:hidden}.auth-submit:before{content:"";background:linear-gradient(90deg,transparent,hsl(var(--primary-foreground)/.25),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.auth-submit:hover:before{left:100%}.auth-submit:hover{box-shadow:inset 0 1px 0 hsl(var(--primary-foreground)/.3),0 6px 20px hsl(var(--primary)/.4);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}