.pre-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:100000}.progress-bar{position:absolute;top:0;left:0;width:100%;height:7px;background-color:var(--text);transform:scaleX(0);transform-origin:left}.home-page{position:relative;z-index:1}.hero-img,.home-page{width:100vw;height:100vh;overflow:hidden}.hero-img{position:absolute;top:0;left:0}.hero-bg{position:absolute;inset:-20%;background:radial-gradient(38% 45% at 22% 30%,rgba(255,92,26,.32),transparent 70%),radial-gradient(30% 40% at 78% 22%,rgba(255,158,64,.22),transparent 70%),radial-gradient(45% 55% at 60% 78%,rgba(120,40,12,.35),transparent 70%),radial-gradient(28% 34% at 40% 60%,rgba(255,214,165,.1),transparent 70%),#0f0f0f;filter:blur(10px) saturate(115%);animation:hero-drift 22s ease-in-out infinite alternate;will-change:transform}.hero-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.08;mix-blend-mode:overlay;animation:hero-grain .6s steps(2) infinite}@keyframes hero-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(2%,2%,0) scale(1.08)}to{transform:translate3d(-1%,1%,0) scale(1.03)}}@keyframes hero-grain{0%{transform:translate(0)}50%{transform:translate(-2%,1%)}to{transform:translate(1%,-2%)}}@media (prefers-reduced-motion:reduce){.hero-bg,.hero-bg:after{animation:none}}.hero-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;text-align:center}.hero-title .line{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hero-title h1{position:relative;transform:translateY(70px);will-change:transform;text-shadow:0 2px 30px rgba(0,0,0,.55)}@media (max-width:900px){.hero-title{width:90%}}.golden-kitty-badge{position:absolute;bottom:1em;right:1em;width:200px;height:auto;z-index:1000}