:root{--primary-rgb: 255, 255, 255;--c-primary-300: #a3a3a3;--c-primary-400: #e5e5e5;--c-primary-500: #ffffff;--c-primary-600: #d4d4d4;--c-primary-700: #a3a3a3;--c-on-primary: #000000;--c-glow-color: rgba(var(--primary-rgb), .4);--app-bg: #09090b;--app-surface: #111214;--app-text-main: #ffffff;--app-text-muted: #a1a1aa;--app-border: #27272a;--app-radius: 1rem;--app-font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--app-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}::selection{background-color:rgba(var(--primary-rgb),.3);color:var(--app-text-main)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{margin:0;font-family:var(--app-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-color:var(--app-bg)!important;color:var(--app-text-main);transition:background-color .5s ease,color .5s ease}:focus-visible{outline:2px solid var(--c-primary-500);outline-offset:2px}button:focus-visible,input:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--c-primary-500);outline-offset:2px;z-index:10}body.light-mode{--app-bg: #f8fafc;--app-surface: #ffffff;--app-text-main: #0f172a;--app-text-muted: #64748b;--app-border: #e2e8f0;--c-on-primary: #ffffff}body.light-mode .bg-black,body.light-mode .bg-\[\#09090b\],body.light-mode .bg-\[\#0f1115\],body.light-mode .bg-\[\#000000\]{background-color:#f8fafc!important}body.light-mode .bg-gray-900,body.light-mode .bg-gray-800,body.light-mode .bg-\[\#111214\],body.light-mode .bg-\[\#1a1d21\]{background-color:#fff!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-color:#e2e8f0!important}body.light-mode .text-white{color:#0f172a!important}body.light-mode .text-gray-300,body.light-mode .text-gray-400,body.light-mode .text-gray-500{color:#64748b!important}body.light-mode .border-gray-700,body.light-mode .border-gray-800,body.light-mode .border-white\/5,body.light-mode .border-white\/10{border-color:#e2e8f0!important}body.light-mode .bg-white\/5,body.light-mode .bg-white\/10{background-color:#0000000d!important}body.light-mode input,body.light-mode textarea,body.light-mode select{background-color:#f1f5f9!important;color:#0f172a!important;border-color:#cbd5e1!important}h1,h2,h3,h4,h5,h6{font-family:var(--app-font-heading);color:var(--app-text-main)}.text-white{color:var(--app-text-main)!important}.text-gray-300,.text-gray-400,.text-gray-500{color:var(--app-text-muted)!important}.bg-gray-800,.bg-gray-900,.bg-\[\#0f1115\]{background-color:var(--app-surface)!important}.border-gray-700,.border-gray-800{border-color:var(--app-border)!important}.rounded-xl,.rounded-2xl,.rounded-3xl{border-radius:var(--app-radius)!important}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.4}#root{position:relative;z-index:1;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.mobile-container-view{background-color:var(--app-bg)}.glass-panel{background:var(--app-surface);opacity:.9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--app-border)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--c-primary-600)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-fade-in-down{animation:fade-in-down .6s cubic-bezier(.25,1,.5,1) forwards}.animate-pop-in{animation:pop-in .5s cubic-bezier(.25,.46,.45,.94) forwards}.animate-slide-up-fade{animation:slide-up-fade .5s cubic-bezier(.25,1,.5,1) forwards}.animate-pulse-subtle{animation:pulse-subtle 3s cubic-bezier(.4,.6,1) infinite}.animate-spin-slow{animation:spin 4s linear infinite}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-pulse-slow{animation:pulse-slow 3s infinite}.bg-noise{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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%);transform:perspective(500px) rotateX(60deg);transform-origin:top;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 40px}}.text-gradient-flow{background:linear-gradient(to right,#fff,#fff 30%,#a855f7 45%,#3b82f6 55%,#fff 70%,#fff);background-size:200% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-flow 6s linear infinite}@keyframes text-flow{0%{background-position:200% center}to{background-position:-200% center}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-medium{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-fast{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}.animate-float-medium{animation:float-medium 5s ease-in-out infinite}.animate-float-fast{animation:float-fast 4s ease-in-out infinite}.scroller-mask{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-slow{0%,to{transform:translate(-50%) scale(1);opacity:.4}50%{transform:translate(-50%) scale(1.2);opacity:.2}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.safe-area-pb{padding-bottom:max(20px,env(safe-area-inset-bottom))}.pt-safe-top{padding-top:max(1rem,env(safe-area-inset-top))}
