.index{flex:1;overflow:hidden;background-image:url(/assets/images/main/backgrounds/background.webp);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll;@media(min-width:768px){background-attachment:fixed}&:after{content:"";position:fixed;bottom:0;width:100%;height:80px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--secondary-header-gradient) 85%,transparent));pointer-events:none}::selection{background-color:var(--main-header-gradient);color:#e7e9ea}.block{flex:1;flex-direction:column;background:linear-gradient(180deg,#8d75efa9,#5596e5a9,#8d75efa9);color:#000;box-shadow:0 0 250px #6e77f962;position:relative;z-index:1000;&:before{content:"";position:absolute;inset:0;border-radius:20px;padding:12px;background:linear-gradient(180deg,#8d75ef,#5596e5,#8d75ef);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;z-index:100;pointer-events:none}}& main{display:flex;flex-direction:column;gap:2.5em;.welcome-wrapper{display:grid;grid-template-columns:1fr auto;align-items:center;grid-template-areas:"title title" "text fotd";.welcome-title{grid-area:title;text-align:center;font-family:Alfa Slab One;line-height:.9;font-size:2.9em;margin:1.5em auto 0;-webkit-text-stroke:2px #00000082;background:linear-gradient(to right,#0e72edf6,#ff8baef6);background-clip:text;-webkit-text-fill-color:transparent}.welcome-text{grid-column:1;grid-area:text;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:4em;.index-text{font-size:1.6em;text-align:left;margin:0 1em 0 2.5em;color:#2a2a2a;background-image:linear-gradient(45deg,#000,#061719 50%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.7;& span{font-weight:700}}}.fotd-container{display:flex;flex-direction:column;grid-area:fotd;align-self:start;background-image:linear-gradient(-225deg,#5271c4,#b19fff 48%,#eca1fe);margin:1em 1.5em;box-shadow:0 8px 30px #0006;border-radius:25px;max-width:300px;.fotd-header{padding:.6em 1em;border-bottom:2px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;& h2{font-size:1.4em;letter-spacing:1px;-webkit-text-stroke:1px #0000008c;color:#79b3f7;font-weight:700;font-family:Alfa Slab One}& img{width:50px}}.fotd-image{width:100%;height:160px;aspect-ratio:5 / 4;display:block;border-bottom:1px solid rgba(0,0,0,.4);& img{width:100%;height:100%;object-position:center;object-fit:cover}}.fotd-description{position:relative;border-bottom:1px solid rgba(0,0,0,.4);& p{font-size:1.05em;text-align:left;margin:4px auto;text-wrap:pretty;max-width:30ch;line-height:1.5;padding:20px}}.fotd-buttons{padding:10px 5px 15px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1em;background:#0000000f;backdrop-filter:brightness(.97);border-radius:0 0 25px 25px;.fotd-map-btn,a{& span{color:#4e6ed8;transition:all .2s ease}display:flex;align-items:center;gap:6px;font-weight:200;color:#2b61c5;transition:all .2s ease;user-select:none;&:hover{color:#9c3deb;& span{color:#9c3deb}}}& a{text-decoration:none}.fotd-map-btn{position:relative;&:hover{cursor:default;.fotd-map-preview{opacity:1;transform:translate(-50%) scale(1);z-index:10000}}.fotd-map-preview{position:absolute;bottom:120%;left:50%;transform:translate(-50%) scale(.95);opacity:0;pointer-events:none;transition:all .2s ease;background:#000;padding:6px;border-radius:10px;box-shadow:0 10px 25px #0006;& img{max-width:520px;max-height:220px;object-fit:cover;border-radius:6px}}}}&:has(.fotd-buttons:empty){.fotd-buttons{display:none}.fotd-description{border-bottom:none}}}}.countdown-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3em;margin:0 auto 2em;border-radius:35px;color:#f2f2f2;padding:1em;width:75%;height:100%;min-height:300px;box-shadow:0 10px 40px #0006;border:2px solid rgba(210,238,255,.7);position:relative;z-index:0;&:before{content:"";background:radial-gradient(circle at top left,#d130f940,#3052f940),url(/assets/images/main/countdown.webp);width:100%;height:100%;z-index:-1;position:absolute;inset:0;background-size:cover;border-radius:35px;background-position:0 0}.countdown-header{& h2{line-height:1.6;font-size:2.2em;font-weight:100;background:linear-gradient(to right,#656fff,#ff8ae8,#ff9a6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:#0000005c 2px}}#countdown{display:flex;gap:40px;align-items:center;text-align:center;.time-box{display:flex;flex-direction:column;align-items:center;text-shadow:0 0 20px #07a6e67b;position:relative;& span{font-size:3em;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.6);transition:transform .2s ease;display:inline-block}.time-separator{position:absolute;left:115%;top:40%;transform:translateY(-40%);font-weight:900;font-size:2em;color:#edecec}}}}.logo-carousel{margin-block:3em 4em;margin-inline:auto;width:80%;display:flex;flex-direction:column;& h2{font-size:clamp(1.3em,4vw,2em);text-align:center;margin-bottom:10px}.carousel-wrapper{box-shadow:0 0 20px 5px #0003;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,1vw,50px);background:linear-gradient(135deg,#3a253733,#3a253766);backdrop-filter:blur(1px);border:2px solid rgba(0,0,0,.2);width:95%;margin:1em auto 0;border-radius:24px;padding:clamp(.8em,2vw,1.5em);& a{text-decoration:none;display:grid;grid-template-rows:auto auto;align-items:center;justify-items:center;padding:.3em;transition:all .2s ease;box-shadow:0 0 0 2px transparent;& img{height:clamp(65px,15vw,110px);width:clamp(65px,15vw,110px);transition:all .2s ease}& span{text-align:center;max-width:15ch;line-height:1.2;font-size:.95em;color:#f4f4f4;opacity:.75;transition:all .2s ease;font-weight:100}&:hover{box-shadow:0 0 0 2px var(--secondary-header-gradient);background:color-mix(in srgb,var(--secondary-header-gradient) 35%,transparent);border-radius:12px;& img{scale:1.15}& span{opacity:1;font-weight:800}}}}}.news{display:flex;flex-direction:column;margin-inline:auto;position:relative;padding:15px 20px;border-radius:20px;z-index:10;background:#e7e7e74d;box-shadow:0 50px 25px 20px #0000001a;& h2{position:relative;font-family:Alfa Slab One;margin:15px auto 30px;line-height:1.1;font-size:2.3em;text-align:center;z-index:10;font-weight:700;color:var(--main-word-color);-webkit-text-stroke:1px #000000ad;opacity:.85}& article{display:flex;flex-direction:column;align-items:start;margin-bottom:70px;&:last-of-type{margin-bottom:10px}.news-header{display:flex;flex-direction:column;gap:10px;padding-left:25px;position:relative;&:before{content:"";background:#eeb7f9;box-shadow:2px 2px 1px #af77ba;width:5px;height:40%;position:absolute;top:0;left:5px}& h3{font-size:clamp(20px,3vw,32px)}& p{font-size:clamp(14px,1.85vw,20px);font-weight:100;color:#353535}.news-header-info{display:flex;align-items:center;gap:18px;& h4{display:flex;align-items:center;gap:6px;font-size:clamp(12px,1.5vw,14px);font-weight:100;color:#333;& span{color:#111;font-size:16px}}}}.news-content{display:flex;flex-direction:column;align-items:start;margin-top:20px;& p{font-size:clamp(14px,2.4vw,20px);max-width:90ch;text-wrap:pretty;line-height:1.8;& i{display:inline-block;font-size:clamp(10px,2vw,16px);margin-block:14px 8px;background:#eeb7f980;padding:12px 9px 12px 14px;border-radius:8px;position:relative;&:before{content:"";background:#af77ba;width:5px;height:100%;position:absolute;top:0;left:0;border-radius:8px 0 0 8px}}}.last-paragraph{margin-block:20px}.news-image-wrapper{display:flex;margin:30px auto;max-width:100%;flex-direction:column;border-radius:14px;border:1px solid #0000009e;outline:1px transparent;box-shadow:0 0 30px #00000049;&:has(img:hover){outline:1px solid #00000089}.news-image-footer{display:flex;align-items:center;gap:6px;padding:3px 9px;color:#444;background:color-mix(in srgb,#ffffffba 70%,#fdaafc);border-top:1px solid #00000044;border-radius:0 0 12px 12px;& span{font-size:1em;color:#222}& p{font-size:.8em;font-style:italic}}& img{object-fit:cover;max-height:400px;width:100%;border-radius:12px 12px 0 0}}.news-link{margin-block:10px 12px;display:flex;align-items:center;gap:8px;border-radius:5px;color:inherit;background:color-mix(in srgb,#ffffffba 70%,#fdaafc);border:1px solid #000000ee;text-decoration:none;padding:9px 12px;box-shadow:0 0 30px #00000021;transition:all .15s ease;font-size:.9em;& span{font-size:.85em}}.divider{margin-block:20px;height:1px;width:100%;background:#00000024}.news-share{display:flex;align-items:center;flex-wrap:wrap;gap:12px;& p{font-size:.75em;color:#222}& button{display:flex;align-items:center;background:color-mix(in srgb,#ffffffba 70%,#fdaafc);padding:9px 12px;border-radius:4px;border:1px solid #000000ee;box-shadow:0 0 30px #00000021;gap:5px;font-family:GTAArtDeco;transition:all .15s ease;height:36px;.button-text{font-size:.9em}.material-symbols-rounded{font-size:16px}.x{width:16px;height:16px;display:inline-block;background-color:currentColor;-webkit-mask:url(/assets/images/icons/social/x.svg) no-repeat center;mask:url(/assets/images/icons/social/x.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain}}}.news-link:hover,.news-share button:hover{background:#ffbeff;cursor:pointer;color:#f05bf8;border-color:#00000054;box-shadow:0 0 10px #ffbeff4d;.button-text,span{color:#f05bf8}}}}#loadNews{display:flex;align-items:center;width:fit-content;padding:6px 12px;margin:20px auto 10px;border-radius:4px;border:1px solid #0000009e;background:#ad9cf0;font-weight:600;font-family:GTAArtDeco;cursor:pointer;transition:all .15s ease;box-shadow:0 0 10px #00000026;&:hover{color:#fff;background:#7c6dbc;scale:1.03}}}.faq{& details{font-size:1.5em;color:#15011bb2;transition:color .2s ease-in-out;padding:2em 3em;& summary{cursor:pointer;letter-spacing:2px;font-size:1.1em}& h3{margin-block:1.4em .4em;padding-bottom:.05em;font-size:1.2em;letter-spacing:2px;width:max-content;color:#060422dc;text-align:left;display:flex;align-items:center;gap:8px}.faq-section{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:22px 36px;align-items:stretch;&:first-of-type{margin-bottom:52px}& article{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;border:1px solid rgba(0,0,0,.15);border-radius:12px;padding:25px 35px;background:linear-gradient(to bottom,#ffffff40,#d660ff66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);width:100%;transition:.25s ease;&:hover{cursor:default;transform:translateY(-2px)}&:last-of-type{grid-column:-1/1}& h4{color:#000;margin-bottom:1em}& p{padding-bottom:6px;font-size:.7em;text-wrap:pretty;line-height:1.7;color:#000;letter-spacing:.3px}& a{color:#1c0bb6;transition:all .15s ease-out;display:inline-block;&:hover{cursor:pointer;color:#ffca44}}}}&[open] summary{color:#070707}}}.support{width:85%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-inline:auto;padding:2em;border-top:1px solid rgba(90,63,160,.3);& p{max-width:60ch;font-size:1.1em;line-height:1.7;color:#1e0e40;margin-bottom:.5em}.support-buttons{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap}}}}@media(max-width:660px){.index{background:radial-gradient(circle at top,#5596e5cc,#8d75efcc);.block{box-shadow:0 -60px 10px #00cc9c71;border-radius:10px;background:linear-gradient(180deg,#8d75efcc,#5596e5cc,#8d75efcc);&:before{padding:8px;border-radius:12px}}& main{.welcome-wrapper{display:flex;flex-direction:column;align-items:center;gap:4em;.welcome-title{text-wrap:balance;margin:.7em auto 0;text-align:center;line-height:1.3}.welcome-text{.index-text{margin:0 15px 1.5em;text-align:left;font-size:1.3em;max-width:50ch;line-height:1.8}}.fotd-container{margin:5px auto;max-width:100%;.fotd-image{width:100%;margin:0 auto}}}.countdown-wrapper{width:95%;margin:1em auto 2em;border-radius:12px;justify-content:space-around;&:before{background:url(/assets/images/main/countdown.webp);background-position-y:90%;background-size:cover;border-radius:12px;filter:saturate(1.4)}.countdown-header{& h2{text-wrap:balance;line-height:1.3;font-size:1.7em}}#countdown{background:#0d0d0d1a;padding:5px 12px;border-radius:6px;backdrop-filter:blur(2px) brightness(.8);display:flex;align-items:center;justify-content:center;gap:20px;width:100%;.time-box{& span{font-size:1.6em}& p{font-size:.7em}.time-separator{top:30%;font-size:20px}}}}.logo-carousel{& h2{margin-left:0;text-align:center;font-size:1.6em}.carousel-wrapper{display:grid;grid-template-columns:auto auto;gap:20px 10px;border-radius:12px}}.news{margin:3em auto 5em;border-radius:20px;padding:1.5em 0;& h2{font-size:2.3em;line-height:1.2}& article{padding:20px;text-align:left;margin-bottom:40px;.news-header{&:before{height:100%}}.news-content{.news-image-wrapper{.news-image-footer{padding:8px 20px;& p{line-height:1.3}}}.news-link{margin-inline:auto}.news-share{margin-inline:auto;& button{.button-text{display:none}}}}}}.faq{& details{padding:0;font-size:1.3em;& h3{margin:1em auto .3em}.faq-section{margin-top:12px;display:flex;flex-direction:column;& article{padding:10px;& h4{text-wrap:pretty;max-width:40ch;margin:.9em auto .2em;font-size:1.15em}& p{font-size:.8em;text-wrap:pretty;margin:10px auto 25px;line-height:1.7;max-width:50ch}}}}}.support{padding:1.5em 0;& p{line-height:1.9;font-size:1.3;margin-bottom:1.5em}.support-buttons{gap:.8em}}}}}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a12e7,#1a0033e7 30%,#001a33e7 70%,#05070ae7);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity 1.2s ease-out,visibility 1.2s ease-out;&.hidden{opacity:0;visibility:hidden}& svg{filter:drop-shadow(0 0 25px #fd92d4e0) drop-shadow(0 0 20px #9992fde0) drop-shadow(0 0 25px #e396faab);& g{& path{stroke-width:.8;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:neon-flicker 5.2s infinite}}}}