@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:linear-gradient(to bottom,#84fab00d,#8fd3f40d);border-radius:10px;margin:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#84fab066,#8fd3f466);border-radius:6px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#84fab099,#8fd3f499);background-clip:padding-box}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.float{animation:float 3s ease-in-out infinite}.clickable{cursor:pointer}.no-select{-webkit-user-select:none;user-select:none}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-overflow-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transition-all{transition:all .3s ease}@media (max-width: 768px){.mobile-hide{display:none!important}}@media (max-width: 768px){::-webkit-scrollbar{width:0px}}@media (min-width: 769px){.desktop-hide{display:none!important}}[data-mantine-color-scheme=dark] ::-webkit-scrollbar-track{background:linear-gradient(to bottom,#4af1c014,#10ccff14);border-radius:10px}[data-mantine-color-scheme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4af1c04d,#10ccff4d);border-radius:6px}[data-mantine-color-scheme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4af1c080,#10ccff80);background-clip:padding-box}.glass-effect{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}[data-mantine-color-scheme=dark] .glass-effect{background:#1a1b1eb3;border:1px solid rgba(255,255,255,.1)}.glow-primary{box-shadow:0 0 20px #4af1c04d,0 0 40px #4af1c01a}.glow-secondary{box-shadow:0 0 20px #10ccff4d,0 0 40px #10ccff1a}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes sparkPulse{0%,to{opacity:.9;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.12)}}.shimmer{animation:shimmer 3s infinite linear;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:1000px 100%}[data-mantine-color-scheme=dark] .shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:1000px 100%}@keyframes scaleSpring{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotateGlow{0%{transform:rotate(0);filter:brightness(1)}50%{transform:rotate(180deg);filter:brightness(1.2)}to{transform:rotate(360deg);filter:brightness(1)}}@keyframes breathe{0%,to{box-shadow:0 0 20px #4af1c04d,0 0 40px #4af1c01a,0 0 60px #4af1c00d}50%{box-shadow:0 0 30px #4af1c080,0 0 60px #4af1c033,0 0 90px #4af1c01a}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 5px rgba(74,241,192,.5))}50%{filter:drop-shadow(0 0 20px rgba(74,241,192,.8))}}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-gentle-bounce{animation:gentleBounce 2s ease-in-out infinite}.animate-scale-spring{animation:scaleSpring .6s cubic-bezier(.34,1.56,.64,1)}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94)}.animate-fade-in-down{animation:fadeInDown .6s cubic-bezier(.25,.46,.45,.94)}.animate-zoom-in{animation:zoomIn .5s cubic-bezier(.25,.46,.45,.94)}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.press-effect{transition:transform .1s ease}.press-effect:active{transform:scale(.95)}.gradient-primary{background:linear-gradient(135deg,#84fab0,#8fd3f4);background-size:200% 200%;animation:gradientShift 8s ease infinite}[data-mantine-color-scheme=dark] .gradient-primary{background:linear-gradient(135deg,#4af1c0,#10ccff);background-size:200% 200%;animation:gradientShift 8s ease infinite}.gradient-success{background:linear-gradient(135deg,#70db96,#40cf74);background-size:200% 200%;animation:gradientShift 8s ease infinite}.glass-card{background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}[data-mantine-color-scheme=dark] .glass-card{background:#1a1b1ecc;border:1px solid rgba(74,241,192,.2);box-shadow:0 8px 32px #0006}.text-gradient{background:linear-gradient(135deg,#84fab0,#8fd3f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-mantine-color-scheme=dark] .text-gradient{background:linear-gradient(135deg,#4af1c0,#10ccff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px rgba(74,241,192,.5),0 0 20px rgba(74,241,192,.3),0 0 30px rgba(74,241,192,.1)}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
