@layer base{:root{--accent: #6366f1;--background: #030303;--foreground: #ffffff}body{background-color:var(--background);color:var(--foreground);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}}@layer components{.glass{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.gradient-text{background:linear-gradient(135deg,#fff,#a5b4fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 8s linear infinite}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}}@keyframes shine{to{background-position:200% center}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bg-grid{background-image:radial-gradient(circle at 2px 2px,rgba(99,102,241,.07) 1px,transparent 0);background-size:60px 60px}.reveal{opacity:0;transition:all 1s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}.reveal-up{transform:translateY(40px)}.reveal-scale{transform:scale(.95)}.card-hover{transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s ease}.card-hover:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px -20px #6366f14d}.orb{animation:orbFloat 18s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-40px,30px) scale(.85)}}@keyframes revealUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mask-wrapper{overflow:hidden;padding-bottom:.25em}.mask-text{display:block;animation:maskReveal 1.5s cubic-bezier(.77,0,.175,1) both}@keyframes maskReveal{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 40s linear infinite;display:flex;width:max-content}.animate-marquee:hover{animation-play-state:paused}.animate-marquee-reverse{animation:marquee 60s linear infinite reverse;display:flex;width:max-content}.animate-marquee-reverse:hover{animation-play-state:paused}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide-up{animation:fadeSlideUp 1s cubic-bezier(.22,1,.36,1) .6s forwards;opacity:0}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reveal.visible .icon-pop{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes float-particle{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-20px) translate(10px);opacity:.8}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill{-webkit-text-fill-color:#ffffff;-webkit-box-shadow:0 0 0px 1000px #111827 inset;transition:background-color 5000s ease-in-out 0s}.particle{position:absolute;width:2px;height:2px;background:#6366f199;border-radius:50%;animation:float-particle linear infinite}