@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#f8f8fa;background-image:radial-gradient(at 0% 0%,rgba(255,255,255,.95) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(220,220,240,.08) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(200,200,255,.06) 0px,transparent 50%);background-attachment:fixed;color:#1d1d1f;font-family:Inter,Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.text-outline-white,.text-outline-black{-webkit-text-stroke:1px black;color:transparent}@layer utilities{.glass-panel{@apply bg-white/50 backdrop-blur-2xl border border-white/40 shadow-[0_8px_32px_rgba(0,0,0,.04)];}.glass-card{@apply bg-white/40 backdrop-blur-xl border border-white/50 shadow-sm transition-all duration-500;}.glass-card:hover{@apply shadow-[0_20px_60px_rgba(0,0,0,.1)] bg-white/70 -translate-y-3 border-white/60;}.glass-modal{@apply bg-white/80 backdrop-blur-3xl border border-white/50 shadow-2xl;}.btn-liquid{@apply relative overflow-hidden transition-all duration-300 active:scale-95 shadow-lg hover:shadow-xl bg-gradient-to-br from-black to-gray-900 text-white border border-white/10;}.btn-liquid:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);transition:.5s;pointer-events:none}.btn-liquid:hover:after{left:200%;transition:.7s ease-in-out}.btn-premium{@apply relative overflow-hidden transition-all duration-500 active:scale-95;background:linear-gradient(-45deg,#000,#1a1a2e,#16213e,#0f0f0f);background-size:400% 400%;animation:gradient-shift 8s ease infinite}.btn-premium:hover{@apply shadow-[0_0_40px_rgba(0,0,0,.3)] scale-105;}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-black to-gray-600;}.text-gradient-premium{background:linear-gradient(135deg,#1a1a2e,#4a4a6a,#1a1a2e);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text-shift 4s linear infinite}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient-text-shift{0%{background-position:0% center}to{background-position:200% center}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(300%) skew(-15deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #0000001a,0 0 40px #0000000d}50%{box-shadow:0 0 30px #0003,0 0 60px #0000001a}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes particle-drift{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1;scale:1}90%{opacity:1}to{transform:translateY(-10vh) translate(100px) scale(.5);opacity:0}}@keyframes particle-drift-reverse{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:.7;scale:1}90%{opacity:.7}to{transform:translateY(-10vh) translate(-80px) scale(.3);opacity:0}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 50% 30% 70%/40% 60% 60% 40%}75%{border-radius:40% 60% 60% 40%/70% 30% 50% 60%}}@keyframes gradient-border-rotate{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes scan-line{0%{top:-10%}to{top:110%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-ring{0%,to{box-shadow:0 0 #0000001a}50%{box-shadow:0 0 0 8px #0000}}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.holographic-shine{position:relative;overflow:hidden}.holographic-shine:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),rgba(255,255,255,.3),rgba(255,255,255,.1),transparent);transform:skew(-25deg);transition:.8s;z-index:30;pointer-events:none}.holographic-shine:hover:before{left:125%}.gradient-border-card{position:relative;background:#fff;border-radius:1.5rem;overflow:hidden}.gradient-border-card:before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#000,#555,#000,#888);background-size:300% 300%;animation:gradient-shift 6s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gradient-icon{background:linear-gradient(135deg,#0f0f0f,#2a2a2a,#1a1a1a);color:#fff;transition:all .5s cubic-bezier(.16,1,.3,1)}.gradient-icon:hover{background:linear-gradient(135deg,#1a1a2e,#3a3a5a,#16213e);transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px #0000004d}.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5;contain:strict}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:particle-drift linear infinite}.particle:nth-child(odd){animation-name:particle-drift-reverse;background:#fff6}.mesh-bg{position:relative}.mesh-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(255,255,255,.02) 0%,transparent 50%);animation:float-slow 20s ease-in-out infinite;pointer-events:none}.stats-bar{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.stat-item{text-align:center;opacity:0;animation:stagger-in .6s cubic-bezier(.16,1,.3,1) forwards}.nav-hover-underline{position:relative}.nav-hover-underline:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:currentColor;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translate(-50%)}.nav-hover-underline:hover:after{width:100%}.glow-input{transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.glow-input:focus{border-color:#ffffff80;box-shadow:0 0 20px #ffffff1a,0 0 40px #ffffff0d;outline:none}.social-glow{transition:all .3s ease}.social-glow:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,.4));transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(40px) scale(.98);transition:all 1s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;content-visibility:auto;contain-intrinsic-size:auto 500px}.reveal.active{opacity:1;transform:translateY(0) scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.faq-icon-rotate{transition:transform .4s cubic-bezier(.16,1,.3,1)}.faq-icon-rotate.open{transform:rotate(180deg)}.ticker-wrapper{overflow:hidden;white-space:nowrap}.ticker-content{display:inline-flex;animation:marquee 240s linear infinite}.ticker-wrapper:hover .ticker-content{animation-play-state:paused}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:50;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none;bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}@supports (-webkit-touch-callout: none){body{background-attachment:scroll}}@media(hover:none)and (pointer:coarse){.glass-card:hover{transform:none;box-shadow:none;background:#fff6;border-color:#ffffff80}.holographic-shine:before{display:none}.gradient-icon:hover{transform:none;box-shadow:0 10px 30px #0000004d}.btn-liquid:after{display:none}.nav-hover-underline:after{display:none}.social-glow:hover{filter:none;transform:none}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}.animate-float,.animate-float-slow,.animate-blob,.particle,.ticker-content{animation:none!important}}@media(min-width:768px)and (max-width:1023px){.stats-bar{gap:1.5rem}}@media(max-width:374px){body{font-size:14px}.stats-bar{gap:.75rem}}@media(max-width:768px){.glass-panel,.glass-card,.glass-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mesh-bg:before{animation:none}}
