:root{--pseo-bg:#fff;--pseo-surface:#f9fafb;--pseo-surface-hover:#f3f4f6;--pseo-accent:#4e38f5;--pseo-accent-hover:#3b28cf;--pseo-secondary:#e5e7eb;--pseo-text:#000;--pseo-text-muted:#4b5563;--pseo-border:#e5e7eb;--font-pseo-heading:var(--font-poppins),sans-serif;--font-pseo-body:var(--font-poppins),sans-serif}@keyframes slideUpReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.pseo-page{background-color:var(--pseo-bg);color:var(--pseo-text);font-family:var(--font-pseo-body);min-height:100vh}.pseo-page h1,.pseo-page h2,.pseo-page h3,.pseo-page h4,.pseo-page h5,.pseo-page h6{font-family:var(--font-pseo-heading);letter-spacing:-.02em}.pseo-grid-bg{background-image:radial-gradient(var(--pseo-border)1px,transparent 1px);background-size:24px 24px}.pseo-grain{position:relative}.pseo-grain:after{content:"";pointer-events:none;z-index:10;mix-blend-mode:overlay;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.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.animate-slide-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpReveal}.animate-fade-in{opacity:0;animation:.8s forwards fadeIn}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.card-tilt{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.card-tilt:hover{box-shadow:0 20px 40px -10px #00000080,0 0 0 1px var(--pseo-border);transform:perspective(1000px)rotateX(2deg)rotateY(-2deg)translateY(-5px)}.shimmer-badge{background:linear-gradient(90deg,#f5a6231a 0%,#f5a6234d 50%,#f5a6231a 100%) 0 0/200% 100%;animation:3s linear infinite shimmer}.marquee-track{will-change:transform;animation:28s linear infinite marqueeScroll}.marquee-track:hover{animation-play-state:paused}