@import "https://fonts.cdnfonts.com/css/pricedown";
@import "https://fonts.googleapis.com/css2?family=Anton&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;height:100%;font-family:Anton,sans-serif}body{overflow-x:hidden}.container{color:#fff;text-align:center;opacity:0;background:linear-gradient(160deg,#0a0014,#1a0028,#2d0038);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:140px 20px 100px;animation:2.5s ease-out forwards pageFadeIn;display:flex;position:relative}.neon-layer{opacity:0;filter:blur(1px);z-index:0;background:url(../media/gta6_bg.f759873a.jpg) 50%/cover no-repeat;animation:3s ease-out .3s forwards backgroundFadeIn;position:absolute;inset:0}@keyframes backgroundFadeIn{0%{opacity:0}to{opacity:.3}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.logo-space{z-index:2;opacity:0;margin-bottom:40px;animation:2.8s ease-out .5s forwards slowMotionFadeIn;transform:translateY(30px)scale(.9)}.gta-logo{object-fit:contain;filter:drop-shadow(0 0 15px #ff69ff80);width:auto;height:clamp(100px,25vw,170px)}@keyframes slowMotionFadeIn{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.release-date{letter-spacing:4px;text-transform:uppercase;z-index:2;opacity:0;background:linear-gradient(105deg,#ff8c8c 0%,#ffb380 18%,#ffd4a3 32%,#c8b8ff 50%,#9bb8ff 70%,#87e8ff 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffa0b440,0 0 70px #8ca0ff2e;-webkit-background-clip:text;background-clip:text;margin:40px 0 70px;font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.3;animation:16s ease-in-out infinite cinematicFlow;position:relative;transform:translateY(30px)scale(.95)}@keyframes cinematicFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.countdown{z-index:2;opacity:0;flex-wrap:wrap;justify-content:center;gap:clamp(20px,5vw,50px);animation:2.8s ease-out 1.5s forwards slowMotionFadeIn;display:flex;transform:translateY(30px)scale(.95)}.time-box{-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;opacity:0;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:clamp(110px,26vw,160px);height:clamp(110px,26vw,160px);padding:12px 8px;transition:all .3s;display:flex;transform:translateY(20px)scale(.9);box-shadow:0 10px 40px #0006}.time-box:first-child{animation:2s ease-out 1.8s forwards boxFadeIn}.time-box:nth-child(2){animation:2s ease-out 2s forwards boxFadeIn}.time-box:nth-child(3){animation:2s ease-out 2.2s forwards boxFadeIn}.time-box:nth-child(4){animation:2s ease-out 2.4s forwards boxFadeIn}@keyframes boxFadeIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.time-box span{color:#fff;text-shadow:0 0 20px #ff64ffb3;margin-bottom:6px;font-size:clamp(2.8rem,10vw,5.8rem);font-weight:900;line-height:1}.time-box p{color:#f9f;letter-spacing:3px;text-transform:uppercase;opacity:.95;margin:0;font-size:clamp(.95rem,2.8vw,1.3rem);font-weight:600}.explore-cta-button{color:#fff;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;z-index:10;isolation:isolate;opacity:0;background:0 0;border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-family:Anton,sans-serif;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);animation:2.8s ease-out .8s forwards slowMotionFadeIn;display:flex;position:absolute;top:30px;right:30px;overflow:hidden;transform:translateY(-10px)}.explore-cta-button:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;z-index:-1;background:conic-gradient(#ff6b6b 0deg,#ff8e53 45deg,#ffb84d 90deg,#ffd93d 135deg,#6bcf7f 180deg,#4d9de0 225deg,#9b59b6 270deg,#ff6b6b 315deg 360deg);padding:2px;animation:3s linear infinite borderSnakeFlow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.explore-cta-button:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#ff6b6b 0%,#4d9de0 50%,#9b59b6 100%);transition:opacity .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.explore-cta-button:hover{color:#0a0014;transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.explore-cta-button:hover:after{opacity:1}.explore-cta-button:hover .explore-arrow{transform:translate(4px)}.explore-text{z-index:1;transition:color .4s;position:relative}.explore-arrow{z-index:1;font-size:18px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}@keyframes borderSnakeFlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title{background:linear-gradient(90deg,#f0f,#0ff);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ff00ffb3;z-index:2;-webkit-background-clip:text;background-clip:text;font-size:clamp(4.5rem,14vw,8rem);font-weight:900}@media (max-width:480px){.container{padding-top:100px}.countdown{flex-wrap:nowrap;justify-content:center;gap:10px}.time-box{border-radius:16px;flex-shrink:0;width:75px;height:75px;padding:6px 4px}.time-box span{margin-bottom:3px;font-size:2rem}.time-box p{letter-spacing:1.5px;font-size:.65rem}.release-date{letter-spacing:3px;margin:30px 0 60px;font-size:clamp(1.5rem,8vw,2.5rem)}.explore-cta-button{gap:6px;padding:10px 18px;font-size:14px;top:20px;right:20px}.explore-arrow{font-size:16px}}
