@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes celebration-bounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes waveform-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@layer utilities{.transition-fast{transition:all .15s}.transition-page{transition:all .2s}.transition-progress{transition:all .3s ease-out}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{border-color:var(--color-border-accent);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (prefers-reduced-motion:reduce){.hover-lift,.hover-lift:hover{box-shadow:none;transition:none;transform:none}}.glow-accent{box-shadow:var(--shadow-glow-accent)}.animate-shimmer{background:linear-gradient(90deg, transparent 0%, var(--color-overlay-light) 50%, transparent 100%);background-size:200% 100%;animation:3s ease-in-out infinite shimmer}.animate-float{animation:3s ease-in-out infinite float}.animate-celebration{animation:.5s ease-out celebration-bounce}.tour-ring{animation:2.4s cubic-bezier(.16,1,.3,1) infinite tour-ring-pulse}}@keyframes tour-ring-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 35%, transparent), 0 0 14px 2px color-mix(in srgb, var(--color-accent) 25%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--color-accent) 0%, transparent), 0 0 22px 4px color-mix(in srgb, var(--color-accent) 35%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent), 0 0 14px 2px color-mix(in srgb, var(--color-accent) 25%, transparent)}}@keyframes tour-icon-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 35%, transparent), 0 0 22px 4px color-mix(in srgb, var(--color-accent) 30%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--color-accent) 0%, transparent), 0 0 32px 8px color-mix(in srgb, var(--color-accent) 45%, transparent);transform:scale(1.04)}}.tour-welcome-icon{background:color-mix(in srgb, var(--color-accent) 18%, transparent);animation:2.6s cubic-bezier(.16,1,.3,1) infinite tour-icon-pulse}.tour-welcome-card{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 25%, transparent), 0 8px 30px 0 color-mix(in srgb, var(--color-accent) 18%, transparent), 0 0 60px 0 color-mix(in srgb, var(--color-accent) 12%, transparent)}@media (prefers-reduced-motion:reduce){.tour-welcome-icon{box-shadow:0 0 24px 4px color-mix(in srgb, var(--color-accent) 30%, transparent);animation:none}.tour-ring{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 40%, transparent);animation:none}}
.duo-progress-label{color:#fff;text-shadow:0 1px 1.5px #0000008c}.light .duo-progress-label{color:#18181b;text-shadow:0 1px 1.5px #ffffffb3}.duo-button{background-color:var(--duo-bg);color:var(--duo-text);box-shadow:0 3px 0 var(--duo-shadow);transition:transform .1s ease-out,box-shadow .1s ease-out,filter .1s ease-out;transform:translateY(0)}.duo-button:hover{filter:brightness(1.1)}.duo-button:active{box-shadow:0 0 0 var(--duo-shadow);transform:translateY(3px)}.duo-button[disabled]{opacity:.5;cursor:not-allowed;filter:none;box-shadow:0 3px 0 var(--duo-shadow);transform:none}.duo-button.duo-button-outline{color:var(--duo-text);box-shadow:0 3px 0 var(--color-border), inset 0 0 0 2px var(--color-border);background-color:#0000}.duo-button.duo-button-outline:hover{filter:none;background-color:color-mix(in srgb, var(--duo-bg) 10%, transparent)}.duo-button.duo-button-outline:active{box-shadow:0 0 0 var(--color-border), inset 0 0 0 2px var(--color-border);transform:translateY(3px)}.duo-button.duo-button-outline[disabled]{box-shadow:0 3px 0 var(--color-border), inset 0 0 0 2px var(--color-border);background-color:#0000}.social-cta{border:2px solid #ffffff1a;border-bottom-width:4px}.social-cta:hover:not([disabled]){border-color:#ffffff4d}.light .social-cta{border-color:#0000002e}.light .social-cta:hover:not([disabled]){border-color:#00000061}