.flow-bg-container{z-index:0;background:linear-gradient(160deg,#0f172a 0%,#0d2033 50%,#1a0b2e 100%);transition:background .5s;position:fixed;inset:0;overflow:hidden}[data-theme=light] .flow-bg-container{background:linear-gradient(160deg,#e0f7f5 0%,#f0e9ff 50%,#e8f4fd 100%)}.flow-ambient{filter:blur(100px);opacity:.7;mix-blend-mode:screen;border-radius:50%;animation:20s ease-in-out infinite alternate float-ambient;position:absolute}[data-theme=light] .flow-ambient{mix-blend-mode:multiply;opacity:.5;filter:blur(110px)}.flow-ambient-1{background:radial-gradient(circle, var(--teal,#0d9488) 0%, transparent 70%);width:70vw;height:70vw;animation-duration:25s;top:-20%;left:-10%}.flow-ambient-2{background:radial-gradient(circle, var(--purple,#7e22ce) 0%, transparent 70%);width:80vw;height:80vw;animation-duration:30s;animation-delay:-5s;bottom:-30%;right:-20%}.flow-ambient-3{background:radial-gradient(circle, var(--cyan,#3b82f6) 0%, transparent 70%);width:50vw;height:50vw;animation-duration:22s;animation-delay:-12s;top:40%;left:40%}@keyframes float-ambient{0%{transform:translate(0)scale(1)}33%{transform:translate(10vw,-10vh)scale(1.1)}66%{transform:translate(-5vw,15vh)scale(.9)}to{transform:translate(-10vw,-5vh)scale(1.05)}}.flow-particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--teal,#0d9488);opacity:0;will-change:transform, opacity;border-radius:50%;animation:linear infinite particle-float;position:absolute}.particle:after{content:"";background:inherit;opacity:.3;filter:blur(6px);border-radius:50%;position:absolute;inset:-4px}@keyframes particle-float{0%{opacity:0;transform:translateY(0)translate(0)scale(0)}10%{opacity:.8;transform:translateY(-8vh)translate(5px)scale(1)}90%{opacity:.6;transform:translateY(-85vh)translate(-10px)scale(.8)}to{opacity:0;transform:translateY(-100vh)translate(0)scale(0)}}.aurora-container{z-index:1;pointer-events:none;opacity:.45;position:absolute;inset:0;overflow:hidden}[data-theme=light] .aurora-container{opacity:.25}.aurora-ribbon{background:linear-gradient(90deg, transparent 0%, var(--teal,#0d9488) 20%, var(--purple,#7e22ce) 50%, var(--cyan,#06b6d4) 80%, transparent 100%);opacity:.15;filter:blur(60px);will-change:transform;width:200%;height:40vh;animation:linear infinite aurora-sweep;position:absolute}.aurora-ribbon-1{animation-duration:20s;top:10%;left:-50%;transform:rotate(-8deg)}.aurora-ribbon-2{opacity:.1;animation-duration:28s;animation-delay:-8s;top:55%;left:-60%;transform:rotate(5deg)}.aurora-ribbon-3{opacity:.08;height:25vh;animation-duration:24s;animation-delay:-16s;top:30%;left:-40%;transform:rotate(-3deg)}@keyframes aurora-sweep{0%{transform:translateX(-30%) rotate(var(--ribbon-rot,-8deg))}50%{transform:translateX(30%) rotate(var(--ribbon-rot,-8deg))}to{transform:translateX(-30%) rotate(var(--ribbon-rot,-8deg))}}.concentric-ring{border:1px solid var(--teal,#0d9488);opacity:0;z-index:1;pointer-events:none;border-radius:50%;width:600px;height:600px;animation:6s ease-in-out infinite ring-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.concentric-ring:nth-child(2){width:800px;height:800px;animation-duration:8s;animation-delay:-2s}.concentric-ring:nth-child(3){width:1000px;height:1000px;animation-duration:10s;animation-delay:-4s}@keyframes ring-breathe{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.85)}50%{opacity:.12;transform:translate(-50%,-50%)scale(1.05)}}[data-theme=light] .concentric-ring{border-color:var(--teal-dim,#0f766e)}.light-streak{z-index:2;pointer-events:none;will-change:transform;background:linear-gradient(105deg,#0000 40%,#ffffff08 45%,#ffffff0f 50%,#ffffff08 55%,#0000 60%);width:140%;height:140%;animation:8s ease-in-out infinite streak-sweep;position:absolute;top:-20%;left:-20%}[data-theme=light] .light-streak{background:linear-gradient(105deg,#0000 40%,#ffffff26 45%,#ffffff4d 50%,#ffffff26 55%,#0000 60%)}@keyframes streak-sweep{0%{transform:translate(-100%)translateY(-10%)}40%{transform:translate(-100%)translateY(-10%)}70%{transform:translate(100%)translateY(10%)}to{transform:translate(100%)translateY(10%)}}.waves-container{z-index:3;width:100%;height:50vh;position:absolute;bottom:0}.waves{width:100%;height:100%;min-height:200px;max-height:50vh;position:absolute;bottom:0}.wave-layer{fill:var(--teal,#0d9488)}.wave-1{fill:#0d9488bf;animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.wave-2{fill:#7e22ce8c;animation:20s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.wave-3{fill:#3b82f666;animation:15s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.wave-4{fill:#0f172ad9;animation:10s cubic-bezier(.55,.5,.45,.5) infinite move-forever}[data-theme=light] .wave-1{fill:#0d94888c}[data-theme=light] .wave-2{fill:#7e22ce66}[data-theme=light] .wave-3{fill:#3b82f64d}[data-theme=light] .wave-4{fill:#ffffffeb}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.flow-gloss{z-index:4;pointer-events:none;background:linear-gradient(#0000 0%,#ffffff08 50%,#0000 100%);position:absolute;inset:0}.flow-noise{z-index:5;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.flow-vignette{z-index:6;pointer-events:none;background:radial-gradient(70% 70%,#0000 50%,#0000004d 100%);position:absolute;inset:0}[data-theme=light] .flow-vignette{background:radial-gradient(70% 70%,#0000 50%,#0000000f 100%)}@media (max-width:768px){.waves-container,.flow-noise,.particle{display:none}.aurora-container{opacity:.2;animation:none!important}.aurora-ribbon{animation:none!important}.flow-ambient{filter:blur(80px);animation:none!important}.concentric-ring,.light-streak{opacity:.1!important;animation:none!important}}