@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Inter,sans-serif}body{overflow-x:hidden}.gradient-bg{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0,#f1f5f9,#f8fafc);background-size:200% 200%;animation:gradientMove 8s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass{background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #6366f11a}.glass-dark{background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6)}.glass-btn{background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);transition:all .3s ease}.glass-btn:hover{background:#ffffffb3;transform:translateY(-2px);box-shadow:0 8px 32px #6366f126}.solid-btn{background:#fff;transition:all .3s ease}.solid-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}.orb-1{animation:float1 20s ease-in-out infinite}.orb-2{animation:float2 25s ease-in-out infinite}.orb-3{animation:float3 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}25%{transform:translate(15vw,-12vh)}50%{transform:translate(-9vw,15vh)}75%{transform:translate(12vw,9vh)}}@keyframes float2{0%,to{transform:translate(0)}25%{transform:translate(-18vw,12vh)}50%{transform:translate(15vw,-15vh)}75%{transform:translate(-12vw,-9vh)}}@keyframes float3{0%,to{transform:translate(0)}33%{transform:translate(14vw,14vh)}66%{transform:translate(-15vw,6vh)}}.orb-4{animation:float4 22s ease-in-out infinite}@keyframes float4{0%,to{transform:translate(0)}20%{transform:translate(-10vw,8vh)}40%{transform:translate(8vw,-10vh)}60%{transform:translate(-5vw,-8vh)}80%{transform:translate(10vw,5vh)}}@keyframes roll-up{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-roll-up{animation:roll-up .3s ease-out forwards}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-transition{width:100%;flex:1;display:flex;flex-direction:column}.page-transition.enter{animation:pageEnter .3s ease-out forwards}.page-transition.exit{animation:pageExit .2s ease-in forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.tab-content-enter{animation:tabEnter .25s ease-out forwards}@keyframes tabEnter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.dropdown-enter{animation:dropdownEnter .2s ease-out forwards;transform-origin:top}@keyframes dropdownEnter{0%{opacity:0;transform:scaleY(.95) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}
