.bg-image{z-index:0;background:url(/bg.png) 50%/cover no-repeat;position:fixed;inset:0}.bg-overlay{z-index:0;background:#0000008c;position:fixed;inset:0}.grain{z-index:1;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.5s step-end infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-4%)}70%{transform:translate(-2%,3%)}80%{transform:translate(4%,-1%)}90%{transform:translate(-1%,2%)}to{transform:translate(2%,-3%)}}.preloader{z-index:100;background:#080008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.preloader__ring{border:1px solid #ffffff0f;border-top-color:#ffffff59;border-radius:50%;width:min(260px,60vw);height:min(260px,60vw);animation:1.2s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.preloader__logo{z-index:1;width:min(180px,42vw);transition:none;position:relative}.preloader--blast .preloader__ring{opacity:0;transition:opacity .1s;animation:none}.preloader--blast .preloader__logo{animation:.85s cubic-bezier(.4,0,.2,1) forwards logo-blast}@keyframes logo-blast{0%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(14)}to{opacity:0;transform:scale(28)}}.preloader--blast{animation:.85s cubic-bezier(.4,0,.2,1) forwards preloader-out}@keyframes preloader-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}.main{z-index:2;opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}.main--in{opacity:1}.center{text-align:center;flex-direction:column;align-items:center;padding:0 32px;display:flex}.main__logo{filter:drop-shadow(0 2px 32px #ff005040);width:min(380px,72vw);animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main__rule{background:linear-gradient(#0000,#ff005066,#0000);width:1px;height:40px;margin:28px auto}.main__tagline{letter-spacing:5px;text-transform:uppercase;color:#ff5078f2;text-shadow:0 0 12px #ff005080;margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:clamp(11px,1.4vw,13px);font-weight:600}.main__sub{color:#ffffffa6;letter-spacing:3px;text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:600}.socials{align-items:center;gap:12px;display:flex;position:absolute;bottom:44px}.socials__link{color:#ffffffb3;filter:drop-shadow(0 1px 4px #0009);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:color .3s,transform .3s;display:flex}.socials__link:hover{color:#ff3c64e6;transform:translateY(-2px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;width:100%;height:100%;overflow:hidden}body{font-family:Rajdhani,sans-serif}