/* style.css */
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow-x:hidden;background:#000}
body{font-family:'Raleway',sans-serif;font-size:14px;line-height:1.5;color:#fff;background:#000;-webkit-font-smoothing:antialiased;position:relative}
a{text-decoration:none;color:#34c5ba;transition:all 0.3s ease}
a:hover{color:#fff}
.scroll-area{position:fixed;top:110px;left:110px;right:110px;bottom:110px;overflow-y:auto;overflow-x:hidden;z-index:150;padding:20px;scrollbar-width:none;background:transparent}
.scroll-area::-webkit-scrollbar{display:none}
.scroll-area.home-active{overflow-y:hidden}
.scroll-area .page-content{opacity:0;transform:scale(0.85);transition:opacity 0.5s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94)}
.scroll-area.content-loaded .page-content.active-page.content-visible{opacity:1;transform:scale(1)}
@media (max-width:1024px){.scroll-area{top:90px;left:80px;right:80px;bottom:80px;padding:15px}}
@media (max-width:880px){.scroll-area{position:relative;top:70px;left:0;right:0;bottom:0;padding:15px;overflow-y:visible;height:auto;min-height:calc(100vh - 70px)}.scroll-area.home-active{overflow-y:visible}body{height:auto;overflow:auto}}
@media (max-width:640px){.scroll-area{top:60px;padding:12px}}
@media (max-width:480px){.scroll-area{top:50px;padding:10px}}
.transparent-borders{position:fixed;top:110px;left:110px;right:110px;bottom:110px;border:10px solid rgba(0,255,255,0.35);box-shadow:0 0 25px rgba(0,255,255,0.55),0 0 50px rgba(0,255,255,0.3);pointer-events:none;z-index:200;animation:softGlow 4s ease-in-out infinite}
.transparent-borders.preloader-hidden{opacity:0;visibility:hidden}
.transparent-borders.border-animate{animation:borderZoomIn 1.8s cubic-bezier(0.25,0.46,0.45,0.94) forwards,softGlow 4s ease-in-out infinite;animation-delay:0s,1.8s}
@keyframes borderZoomIn{0%{transform:scale(3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes softGlow{0%{border-color:rgba(0,255,255,0.3);box-shadow:0 0 15px rgba(0,255,255,0.2)}50%{border-color:rgba(0,255,255,0.55);box-shadow:0 0 35px rgba(0,255,255,0.5)}100%{border-color:rgba(0,255,255,0.3);box-shadow:0 0 15px rgba(0,255,255,0.2)}}
@media (max-width:1024px){.transparent-borders{top:90px;left:80px;right:80px;bottom:80px;border-width:8px}}
@media (max-width:880px){.transparent-borders{top:70px;left:20px;right:20px;bottom:70px;border-width:6px;display:block!important}}
@media (max-width:640px){.transparent-borders{top:60px;left:15px;right:15px;bottom:60px;border-width:4px}}
@media (max-width:480px){.transparent-borders{top:50px;left:10px;right:10px;bottom:50px;border-width:3px}}
.logo{position:fixed;width:80px;height:80px;left:25px;top:11px;background:url(img/logo.png) no-repeat center/contain;z-index:10000!important;transition:transform 0.3s}
.logo.top-position,.logo.initial-hidden{transform:translateY(-200px)}
.logo.reveal-animate{animation:slideFromTop 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
@keyframes slideFromTop{0%{opacity:0;transform:translateY(-200px)}100%{opacity:1;transform:translateY(0)}}
@media (max-width:1024px){.logo{width:60px;height:60px;left:20px;top:15px}}
@media (max-width:880px){.logo{width:50px;height:50px;left:12px;top:12px;z-index:10001}}
@media (max-width:640px){.logo{width:40px;height:40px;left:8px;top:10px}}
@media (max-width:480px){.logo{width:35px;height:35px;left:6px;top:8px}}
.menu-trigger{position:fixed;width:100px;height:100px;right:10px;top:0;cursor:pointer;z-index:10005!important;transition:transform 0.3s;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}
.menu-trigger.top-position{transform:translateY(-200px)}
.menu-trigger.reveal-animate{animation:slideFromTop 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.menu-label{font-family:'Oswald',sans-serif;font-size:28px;font-weight:900;letter-spacing:6px;color:#34c5ba;margin-bottom:12px;text-transform:uppercase;position:relative;top:-20px;text-shadow:0 0 10px #34c5ba,0 0 20px rgba(52,197,186,0.8);background:linear-gradient(135deg,#fff,#34c5ba);-webkit-background-clip:text;background-clip:text;color:transparent;animation:menuPulse 1s ease-in-out infinite}
@keyframes menuPulse{0%,100%{text-shadow:0 0 10px #34c5ba,0 0 20px rgba(52,197,186,0.5);transform:scale(1)}50%{text-shadow:0 0 25px #34c5ba,0 0 45px rgba(52,197,186,0.9);transform:scale(1.08)}}
.lines-button{padding:0;cursor:pointer;background:none;border:none;width:100%;display:flex;justify-content:center}
.lines{position:relative;display:inline-block;width:65px;height:7px;background:#fff;transition:0.3s;border-radius:4px}
.lines:before,.lines:after{content:'';position:absolute;width:65px;height:7px;background:#fff;left:0;transition:0.3s;border-radius:4px}
.lines:before{top:22px}
.lines:after{top:-22px}
.lines-close .lines{background:transparent}
.lines-close .lines:before{transform:rotate(45deg);top:0}
.lines-close .lines:after{transform:rotate(-45deg);top:0}
@media (max-width:1024px){.menu-trigger{width:90px;height:90px;right:8px;top:5px}.menu-label{font-size:24px;letter-spacing:4px;top:-18px}.lines{width:55px;height:6px}.lines:before,.lines:after{width:55px;height:6px}.lines:before{top:18px}.lines:after{top:-18px}}
@media (max-width:880px){.menu-trigger{width:75px;height:75px;right:5px;top:8px;z-index:10001}.menu-label{font-size:18px;letter-spacing:2px;top:-10px;margin-bottom:5px}.lines{width:45px;height:5px}.lines:before,.lines:after{width:45px;height:5px}.lines:before{top:14px}.lines:after{top:-14px}}
@media (max-width:640px){.menu-trigger{width:60px;height:60px;right:5px;top:6px}.menu-label{font-size:14px;letter-spacing:1.5px;top:-8px;margin-bottom:3px}.lines{width:32px;height:3px}.lines:before,.lines:after{width:32px;height:3px}.lines:before{top:10px}.lines:after{top:-10px}}
@media (max-width:480px){.menu-trigger{width:50px;height:50px;right:3px;top:5px}.menu-label{font-size:12px;letter-spacing:1px;top:-7px;margin-bottom:2px}.lines{width:28px;height:2.5px}.lines:before,.lines:after{width:28px;height:2.5px}.lines:before{top:9px}.lines:after{top:-9px}}
#main-menu{position:fixed;font-family:'Oswald',sans-serif;font-size:45px;text-transform:uppercase;font-weight:400;letter-spacing:1px;line-height:1;width:426px;height:100%;right:-100%;top:0;margin:auto;transition:right 0.5s cubic-bezier(0.77,0,0.18,1);transform:skew(-25deg,0deg);z-index:10003!important;background:rgba(0,255,255,0.05);backdrop-filter:blur(12px)}
#main-menu.activated{right:0}
#main-menu ul{width:326px;list-style:none;padding:0 0 0 47px;position:absolute;top:50%;transform:translateY(-50%)}
#main-menu li{margin:20px 0;opacity:0;transform:translateX(50px);transition:all 0.4s cubic-bezier(0.77,0,0.18,1)}
#main-menu.activated li{opacity:1;transform:translateX(0)}
#main-menu.activated li:nth-child(1){transition-delay:0.05s}
#main-menu.activated li:nth-child(2){transition-delay:0.1s}
#main-menu.activated li:nth-child(3){transition-delay:0.15s}
#main-menu.activated li:nth-child(4){transition-delay:0.2s}
#main-menu.activated li:nth-child(5){transition-delay:0.25s}
#main-menu a{display:inline-block;color:#fff;text-decoration:none;transition:color 0.3s ease;white-space:nowrap;padding:10px 20px;cursor:pointer}
#main-menu a:hover{color:#000}
#main-menu .credits{font-size:14px;margin-top:40px}
#main-menu .credits a{font-size:14px}
.menu-nav-wrapper{display:table;width:100%;height:100%;overflow:hidden}
.menu-nav{display:table-cell;width:100%;height:100%;vertical-align:middle}
.brackets a::before,.brackets a::after{display:inline-block;opacity:0;transition:transform 0.3s,opacity 0.2s}
.brackets a::before{content:'\00b7';margin-right:10px;transform:translateX(20px)}
.brackets a::after{content:'\00b7';margin-left:10px;transform:translateX(-20px)}
.brackets a:hover::before,.brackets a:hover::after{opacity:1;transform:translateX(0px)}
@media (max-width:1024px){#main-menu{font-size:40px;width:380px}#main-menu ul{width:290px;padding:0 0 0 40px}#main-menu li{margin:18px 0}}
@media (max-width:880px){#main-menu{font-size:35px;width:326px}#main-menu ul{width:260px;padding:0 0 0 27px}#main-menu li{margin:15px 0}}
@media (max-width:640px){#main-menu{font-size:28px;width:280px;transform:skew(-15deg,0deg)}#main-menu ul{width:220px;padding:0 0 0 20px}#main-menu li{margin:12px 0}#main-menu .credits{font-size:11px;margin-top:30px}#main-menu .credits a{font-size:11px}}
.menu-close-btn{position:absolute;top:20px;right:20px;width:50px;height:50px;background:rgba(255,255,255,0.2);border:2px solid rgba(0,255,255,0.5);border-radius:50%;color:#34c5ba;font-size:28px;cursor:pointer;z-index:10006!important;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);pointer-events:auto!important}
.menu-close-btn:hover{background:rgba(255,65,108,0.3);border-color:#ff416c;color:#ff416c;transform:rotate(90deg)}
.menu-close-btn:active{transform:rotate(90deg) scale(0.95)}
@media (max-width:880px){.menu-close-btn{width:44px;height:44px;font-size:22px;top:12px;right:12px}}
@media (max-width:640px){.menu-close-btn{width:40px;height:40px;font-size:20px;top:10px;right:10px}}
@media (max-width:480px){.menu-close-btn{width:36px;height:36px;font-size:18px;top:8px;right:8px}}
.social-icons-wrapper{position:fixed;left:3%;bottom:28px;z-index:500;transition:transform 0.3s}
.social-icons-wrapper.bottom-position,.social-icons-wrapper.initial-hidden{transform:translateY(200px)}
.social-icons-wrapper.reveal-animate{animation:slideUpFadeIn 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.social-icons{display:flex;gap:20px;list-style:none;align-items:center}
.social-icons li{display:inline-block;transition:all 0.3s}
.social-icons a{color:#fff;font-size:36px;transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);display:inline-block}
.social-icons a:hover{opacity:1;color:#34c5ba;transform:scale(1.1);text-shadow:0 0 10px rgba(52,197,186,0.6)}
.social-icons a .social-label{font-family:'Dosis',sans-serif;font-size:16px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;transition:all 0.3s ease;margin-left:5px}
.social-icons a:hover .social-label{color:#34c5ba;transform:scale(1.03);text-shadow:0 0 8px rgba(52,197,186,0.5)}
@media (max-width:1024px){.social-icons-wrapper{left:2%;bottom:20px}.social-icons{gap:18px}.social-icons a{font-size:32px}.social-icons a .social-label{font-size:14px}}
@media (max-width:880px){.social-icons-wrapper{left:2%;bottom:15px}.social-icons{gap:15px}.social-icons a{font-size:28px}.social-icons a .social-label{font-size:12px}}
@media (max-width:640px){.social-icons-wrapper{left:50%;bottom:12px;transform:translateX(-50%)}.social-icons-wrapper.bottom-position,.social-icons-wrapper.initial-hidden{transform:translateY(200px) translateX(-50%)}.social-icons-wrapper.reveal-animate{animation:slideUpFadeIn 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards}.social-icons{gap:12px}.social-icons a{font-size:22px}.social-icons a .social-label{font-size:10px}}
.lang{position:fixed;right:3%;bottom:28px;z-index:500;transition:transform 0.3s}
.lang.initial-hidden{transform:translateY(200px)}
.lang.reveal-animate{animation:slideUpFadeIn 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
.lang-icons{display:flex;gap:20px;list-style:none}
.lang-item{display:flex;align-items:center;gap:10px;background:transparent;backdrop-filter:none;padding:10px 20px;border-radius:50px;border:1px solid rgba(0,255,255,0.5);font-family:'Raleway',sans-serif;font-weight:700;font-size:18px;color:#fff;text-decoration:none;transition:all 0.3s ease;letter-spacing:1.5px}
.lang-item:hover{background:rgba(0,255,255,0.15);border-color:#34c5ba;color:#34c5ba;transform:scale(1.05)}
.lang-item img{width:28px;height:auto;border-radius:4px;display:inline-block}
@media (max-width:1024px){.lang{right:2%;bottom:20px}.lang-item{padding:8px 18px;font-size:16px}.lang-item img{width:24px}.lang-icons{gap:15px}}
@media (max-width:880px){.lang{right:2%;bottom:15px}.lang-item{padding:8px 16px;font-size:15px;gap:8px}.lang-item img{width:22px}.lang-icons{gap:12px}}
@media (max-width:640px){.lang{right:50%;bottom:70px;transform:translateX(50%)}.lang.initial-hidden{transform:translateY(200px) translateX(50%)}.lang.reveal-animate{animation:slideUpFadeIn 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards}.lang-item{padding:5px 12px;font-size:12px;gap:5px}.lang-item img{width:16px}}
@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}
@keyframes slideDownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes slideFromRightRotate{0%{opacity:0;transform:translateX(200px) rotate(-90deg)}100%{opacity:1;transform:translateX(0) rotate(-90deg)}}
h2{font-family:'Oswald',sans-serif;font-size:70px;letter-spacing:0.05em;text-transform:uppercase;padding-left:26px;position:relative}
@media (max-width:1024px){h2{font-size:60px}}
@media (max-width:880px){h2{font-size:50px}}
@media (max-width:640px){h2{font-size:40px}}
h2 .get-behind{position:absolute;left:10px;top:-28px;font-size:100px;opacity:0.15;pointer-events:none}
@media (max-width:880px){h2 .get-behind{font-size:70px;top:-20px}}
@media (max-width:640px){h2 .get-behind{font-size:50px;top:-15px}}
.fin-heading{font-family:'Dosis',sans-serif;font-size:120px;font-weight:800;letter-spacing:0.15em;text-align:center;text-transform:uppercase;margin:40px auto;color:#fff;text-shadow:0 0 20px #34c5ba,0 0 40px rgba(52,197,186,0.5);animation:glowPulse 2s ease-in-out infinite}
@keyframes glowPulse{0%{text-shadow:0 0 10px #34c5ba,0 0 20px rgba(52,197,186,0.3)}50%{text-shadow:0 0 25px #34c5ba,0 0 50px rgba(52,197,186,0.6)}100%{text-shadow:0 0 10px #34c5ba,0 0 20px rgba(52,197,186,0.3)}}
@media (max-width:1200px){.fin-heading{font-size:90px}}
@media (max-width:880px){.fin-heading{font-size:60px;letter-spacing:0.1em}}
@media (max-width:640px){.fin-heading{font-size:40px;letter-spacing:0.08em;margin:20px auto}}
.donators-heading{text-align:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.8rem;background:rgba(0,0,0,0.35);display:inline-block;padding:6px 22px;border-radius:40px;backdrop-filter:blur(2px);color:#34c5ba;letter-spacing:2px;margin:0 auto 20px;max-width:90%;width:auto}
@media (max-width:1024px){.donators-heading{font-size:1.5rem;padding:5px 18px;max-width:85%}}
@media (max-width:768px){.donators-heading{font-size:1.2rem;padding:4px 16px;max-width:80%}}
@media (max-width:640px){.donators-heading{font-size:1rem;padding:3px 12px;letter-spacing:1px;max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.fin-slides-wrapper{width:100%;max-width:1200px;margin:0 auto}
.fin-slides-wrapper li h3{font-size:25px;font-family:'Dosis',sans-serif;letter-spacing:0.25em;font-weight:600;color:#fff;word-wrap:break-word}
@media (max-width:1024px){.fin-slides-wrapper li h3{font-size:20px;letter-spacing:0.2em}}
@media (max-width:880px){.fin-slides-wrapper li h3{font-size:16px;letter-spacing:0.15em}}
@media (max-width:640px){.fin-slides-wrapper li h3{font-size:12px;letter-spacing:0.1em;padding:0 10px}}
.donate-carousel{max-width:900px;width:100%;margin:0 auto;text-align:center;min-height:120px;position:relative}
.donate-slide{font-family:'Dosis',sans-serif;font-size:28px;letter-spacing:0.15em;padding:20px;color:#fff;text-shadow:0 0 10px rgba(52,197,186,0.5);display:none;font-weight:600;word-wrap:break-word}
.donate-slide.active{display:block;animation:fadeSlide 0.5s ease}
.donate-slide i{color:#34c5ba;margin-right:15px;font-size:32px}
@keyframes fadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1024px){.donate-slide{font-size:24px;padding:15px}}
@media (max-width:880px){.donate-slide{font-size:18px;letter-spacing:0.1em;padding:12px}}
@media (max-width:640px){.donate-slide{font-size:14px;letter-spacing:0.05em;padding:10px}.donate-slide i{font-size:18px;margin-right:8px}.donate-carousel{min-height:80px}}
.under-construction{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff416c,#ff4b2b);padding:16px 36px;border-radius:60px;font-weight:900;font-size:1.4rem;color:white;z-index:10000;white-space:nowrap;transition:transform 0.3s;pointer-events:none;font-family:'Montserrat',sans-serif;letter-spacing:2px;animation:constructionPulse 3s ease-in-out infinite;box-shadow:0 0 30px rgba(255,65,108,0.6);border:2px solid rgba(255,255,255,0.3)}
.under-construction .warning-content{display:flex;align-items:center;gap:12px}
.under-construction i{font-size:1.4rem;animation:iconShake 2s ease-in-out infinite}
@keyframes iconShake{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}
@keyframes constructionPulse{0%,100%{transform:translateX(-50%) scale(1);opacity:1;box-shadow:0 0 30px rgba(255,65,108,0.6)}50%{transform:translateX(-50%) scale(1.03);opacity:0.97;box-shadow:0 0 50px rgba(255,65,108,0.8)}}
.under-construction.top-position,.under-construction.initial-hidden{transform:translateX(-50%) translateY(-200px)}
.under-construction.reveal-animate{animation:slideDownFadeIn 0.6s cubic-bezier(0.25,0.46,0.45,0.94) forwards,constructionPulse 3s ease-in-out infinite;animation-delay:0s,0.6s}
@media (max-width:1024px){.under-construction{font-size:1.1rem;padding:12px 28px;letter-spacing:1.5px;top:15px}.under-construction i{font-size:1.2rem}}
@media (max-width:880px){.under-construction{font-size:0.8rem;padding:6px 16px;letter-spacing:1px;top:12px;z-index:9999;white-space:nowrap}.under-construction .warning-content{gap:8px}.under-construction i{font-size:0.9rem}.warning-text{font-size:0.75rem}}
@media (max-width:640px){.under-construction{padding:5px 12px;top:8px;max-width:85%;white-space:normal;text-align:center}.under-construction .warning-content{gap:5px}.warning-text{font-size:0.65rem;display:inline-block;white-space:normal;word-break:keep-all}.under-construction i{font-size:0.7rem}}
@media (max-width:480px){.under-construction{padding:4px 10px;top:5px;max-width:90%}.warning-text{font-size:0.55rem;letter-spacing:0.5px}.under-construction i{font-size:0.6rem;display:none}}
.carousel-container{position:relative;margin:0 auto;overflow:hidden;border-radius:16px;max-width:800px}
.carousel-slides{position:relative;width:100%;padding-bottom:56.25%}
.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.6s ease}
.carousel-slide.active{opacity:1;z-index:1}
.carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:16px;cursor:pointer}
.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:1px solid rgba(0,255,255,0.5);color:#fff;width:48px;height:48px;border-radius:50px;cursor:pointer;z-index:10;font-size:24px;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}
.carousel-prev:hover,.carousel-next:hover{background:rgba(0,255,255,0.15);border-color:#34c5ba;color:#34c5ba;transform:translateY(-50%) scale(1.05)}
.carousel-prev{left:20px}
.carousel-next{right:20px}
.carousel-dots{text-align:center;margin-top:15px}
.dot{display:inline-block;width:12px;height:12px;margin:0 6px;background:rgba(255,255,255,0.5);border-radius:50%;cursor:pointer;transition:all 0.3s}
.dot.active{background:#34c5ba;transform:scale(1.2)}
@media (max-width:1024px){.carousel-prev,.carousel-next{width:40px;height:40px;font-size:20px}.carousel-prev{left:15px}.carousel-next{right:15px}}
@media (max-width:640px){.carousel-prev,.carousel-next{width:32px;height:32px;font-size:16px}.carousel-prev{left:10px}.carousel-next{right:10px}.dot{width:8px;height:8px;margin:0 4px}}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.packs-table{width:100%;min-width:600px;background:rgba(0,0,0,0.3);border-radius:12px;border-collapse:collapse;color:#fff}
.packs-table th,.packs-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center}
.packs-table th{background:rgba(0,0,0,0.5);color:#34c5ba;font-family:'Oswald',sans-serif;font-weight:700}
.version-name{font-weight:800;text-align:left}
.version-name i{color:#34c5ba;margin-right:6px}
.btn-download-all{background:#34c5ba;padding:6px 18px;border-radius:40px;color:#000;font-weight:800;display:inline-block;transition:0.3s;white-space:nowrap}
.btn-download-all:hover{background:#2a9d8f;color:#fff;transform:scale(1.02)}
@media (max-width:640px){.packs-table th,.packs-table td{padding:10px 8px;font-size:12px}.btn-download-all{padding:4px 12px;font-size:11px}.version-name i{margin-right:3px}}
.specs{display:flex;gap:20px;justify-content:center;margin:20px 0;flex-wrap:wrap}
.specs span{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:8px 28px;border-radius:50px;border:1px solid rgba(0,255,255,0.5);font-family:'Montserrat',sans-serif;font-weight:600;font-size:1.2rem;color:#fff;letter-spacing:1px;backdrop-filter:blur(2px);white-space:nowrap}
.specs i{color:#34c5ba;margin-right:10px;font-size:1.3rem}
@media (max-width:640px){.specs span{font-size:0.9rem;padding:5px 18px;white-space:nowrap}.specs i{font-size:1rem}}
.block-header p{font-size:1.3rem;line-height:1.6}
.discord-link{font-size:1.2rem}
.install-text-full li{font-size:1.2rem;line-height:1.6}
.license-info details p{font-size:1.1rem;line-height:1.5;margin-top:15px}
.block-footer{font-size:1.1rem;text-align:center}
.block-footer p{font-size:0.9rem;margin-top:20px}
.gallery-section,.packs-table-section{text-align:center}
.install-text-full{text-align:left}
.gallery-section h4,.packs-table-section h4,.how-to-install{display:inline-block;align-items:center;justify-content:center;background:transparent;padding:6px 22px;border-radius:50px;border:1px solid rgba(0,255,255,0.5);font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.8rem;color:#34c5ba;letter-spacing:2px;text-decoration:none;margin:20px auto;backdrop-filter:blur(2px);text-align:center;white-space:nowrap;width:auto;cursor:default;transition:none}
.gallery-section h4 i,.packs-table-section h4 i,.how-to-install i{margin-right:10px;color:#34c5ba}
.license-info details summary{display:inline-flex;align-items:center;gap:10px;background:transparent;padding:10px 20px;border-radius:50px;border:1px solid rgba(0,255,255,0.5);font-family:'Raleway',sans-serif;font-weight:700;font-size:1.2rem;color:#fff;text-decoration:none;transition:all 0.3s ease;letter-spacing:1.5px;cursor:pointer;margin:10px 0}
.license-info details summary:hover{background:rgba(0,255,255,0.15);border-color:#34c5ba;color:#34c5ba;transform:scale(1.05)}
.license-info details summary i{color:#34c5ba;transition:all 0.3s ease}
@media (max-width:1024px){.gallery-section h4,.packs-table-section h4,.how-to-install{font-size:1.5rem;padding:5px 18px;white-space:nowrap}}
@media (max-width:768px){.gallery-section h4,.packs-table-section h4,.how-to-install{font-size:1.2rem;padding:4px 16px;white-space:nowrap}}
@media (max-width:640px){.gallery-section h4,.packs-table-section h4,.how-to-install{font-size:1rem;padding:3px 12px;letter-spacing:1px;white-space:nowrap}}
@media (max-width:480px){.gallery-section h4,.packs-table-section h4,.how-to-install{font-size:0.85rem;padding:3px 10px;letter-spacing:0.5px;white-space:nowrap}}
.warning{color:#ffc107;font-weight:800}
.dividerOT{margin:40px auto}
.mt20{margin-top:20px}
.text-center{text-align:center}
.row{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:30px}
.col-md-4{flex:1;min-width:200px;text-align:center}
.awesome-contact{font-size:3rem;display:block;color:#34c5ba;margin-bottom:15px}
@media (max-width:768px){.row{flex-direction:column;align-items:center;gap:20px}.col-md-4{width:100%;max-width:300px}.awesome-contact{font-size:2.5rem}}
.hero-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;background:#000}
.kenburnsy{width:100%;height:100%;position:relative;overflow:hidden}
.kenburnsy .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 2s ease-in-out;z-index:1}
.kenburnsy .slide.active{opacity:1;z-index:2}
.kenburnsy .slide.animate-kenburns{animation:kenburnsZoom 14s ease-out forwards}
@keyframes kenburnsZoom{0%{transform:scale(1)}100%{transform:scale(1.1)}}
.preload-content{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:3;pointer-events:none}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 0.9s cubic-bezier(0.23,1,0.32,1),visibility 0.9s;backdrop-filter:blur(4px);pointer-events:none}
.fullscreen-animation{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}
.svg-loader{width:min(80vw,80vh,800px);height:min(80vw,80vh,800px);display:block;filter:drop-shadow(0 0 28px rgba(52,197,186,0.65));position:relative}
.svg-loader svg{width:100%;height:100%;display:block}
.fly-item,.shadow-item{opacity:0;transform-origin:50px 50px;will-change:transform,opacity}
#preloader.hidden{opacity:0;visibility:hidden}
.line-right{visibility:visible;display:block;font-family:'Dosis',sans-serif;letter-spacing:normal;font-weight:400;text-transform:uppercase;text-decoration:none;text-align:center;font-size:15px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;position:fixed;width:350px;right:35px;top:50%;margin-top:-174px;-webkit-transition:all 0.3s;transition:all 0.3s;z-index:500}
.line-right.right-position,.line-right.initial-hidden{-webkit-transform:translateX(200px) rotate(-90deg);transform:translateX(200px) rotate(-90deg)}
.line-right.reveal-animate{animation:slideFromRightRotate 0.7s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
@media (max-width:1024px){.line-right{font-size:13px;width:300px;right:25px;margin-top:-150px}}
@media (max-width:880px){.line-right{font-size:12px;width:280px;right:20px;margin-top:-140px}}
@media (max-width:640px){.line-right{display:none}}
.page-content{display:none!important}
.page-content.active-page{display:block!important}
#home-page.active-page{display:flex!important;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 260px);width:100%}
#packs-page.active-page,#content-page.active-page,#contact-page.active-page{display:block!important}
#home-page.active-page .our-works-heading,#home-page.active-page .fin-slides-wrapper,#home-page.active-page .fin-heading,#home-page.active-page .donators-heading,#home-page.active-page .donate-carousel{width:100%;max-width:1200px}
#home-page.active-page .our-works-heading{margin-bottom:30px}
#home-page.active-page .fin-heading{margin:30px auto}
#home-page.active-page .donators-heading{margin:20px auto}
#home-page.active-page .donate-carousel{margin-top:20px}
@media (max-width:880px){#home-page.active-page{min-height:auto;display:flex!important;flex-direction:column;align-items:center;padding:40px 20px}#home-page.active-page .our-works-heading,#home-page.active-page .fin-slides-wrapper,#home-page.active-page .donators-heading,#home-page.active-page .donate-carousel{max-width:95%;margin-left:auto;margin-right:auto}#home-page.active-page .fin-heading{max-width:95%;font-size:50px;word-wrap:break-word}}
@media (max-width:640px){#home-page.active-page{padding:30px 15px}#home-page.active-page .fin-heading{font-size:40px}}
@media (max-width:480px){#home-page.active-page{padding:20px 10px}#home-page.active-page .fin-heading{font-size:32px}}
.center-container-home,.center-block-home{width:100%;display:flex;justify-content:center;align-items:center}
.container.sections{width:100%;max-width:1200px}
@media (max-width:880px){.container.sections{padding:0 10px}}
@supports (padding:max(0px)){@media (max-width:640px){.logo{left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top))}.menu-trigger{right:max(5px,env(safe-area-inset-right));top:max(5px,env(safe-area-inset-top))}.under-construction{top:max(8px,env(safe-area-inset-top))}.scroll-area{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}
@media (hover:none) and (pointer:coarse){.btn-download-all,.carousel-prev,.carousel-next,.lang-item,.social-icons a,.menu-trigger{min-height:44px;min-width:44px}.social-icons a{padding:8px}.lang-item{padding:8px 16px}}
@media (min-width:768px) and (max-width:1024px){.logo{width:65px;height:65px;left:15px;top:12px}.menu-trigger{width:80px;height:80px;right:10px;top:5px}.menu-label{font-size:22px;letter-spacing:3px}.scroll-area{top:80px;left:60px;right:60px;bottom:80px;padding:15px}.under-construction{font-size:0.9rem;padding:8px 18px;top:10px}.fin-heading{font-size:75px;margin:25px auto}.donate-slide{font-size:18px;padding:12px}.packs-table th,.packs-table td{padding:12px 10px;font-size:13px}.btn-download-all{padding:5px 14px;font-size:12px}.photos-grid img{max-width:250px}.row{gap:25px}.col-md-4{min-width:250px}}
.our-works-btn,.donators-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:6px 22px;border-radius:50px;border:1px solid rgba(0,255,255,0.5);font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.8rem;color:#34c5ba;letter-spacing:2px;text-decoration:none;transition:all 0.3s ease;margin:20px auto;backdrop-filter:blur(2px);max-width:90%;width:auto;text-align:center;white-space:nowrap}
.our-works-btn:hover,.donators-btn:hover{background:rgba(0,255,255,0.15);border-color:#34c5ba;color:#34c5ba;transform:scale(1.05)}
.our-works-btn h4{margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;white-space:nowrap}
.donators-btn{margin:0 auto 20px}
@media (max-width:1024px){.our-works-btn,.donators-btn{font-size:1.5rem;padding:5px 18px;white-space:nowrap}}
@media (max-width:768px){.our-works-btn,.donators-btn{font-size:1.2rem;padding:4px 16px;white-space:nowrap}}
@media (max-width:640px){.our-works-btn,.donators-btn{font-size:1rem;padding:3px 12px;letter-spacing:1px;white-space:nowrap}}
@media (max-width:480px){.our-works-btn,.donators-btn{font-size:0.85rem;padding:3px 10px;letter-spacing:0.5px;white-space:nowrap}}
.photos-grid{display:grid;width:100%;gap:20px;margin:0;padding:0}
.blocks-grid,.scene-grid{grid-template-columns:repeat(3,1fr)}
.gallery-item{display:block;width:100%;overflow:hidden;border-radius:8px;transition:all 0.3s ease;cursor:pointer;background:rgba(0,0,0,0.3)}
.gallery-item a{display:block;width:100%;height:100%}
.gallery-item img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px;transition:transform 0.3s ease;display:block}
.gallery-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(52,197,186,0.3)}
.gallery-item:hover img{transform:scale(1.03)}
.gallery-tabs{display:flex;justify-content:center;gap:25px;margin:30px 0 40px;flex-wrap:wrap}
.tab-btn{display:flex;align-items:center;gap:10px;background:transparent;padding:12px 28px;border-radius:50px;border:1px solid rgba(0,255,255,0.5);font-family:'Raleway',sans-serif;font-weight:700;font-size:18px;color:#fff;transition:all 0.3s ease;letter-spacing:1.5px;cursor:pointer}
.tab-btn i{font-size:20px;color:#34c5ba;transition:all 0.3s ease}
.tab-btn:hover{background:rgba(0,255,255,0.15);border-color:#34c5ba;color:#34c5ba;transform:scale(1.05)}
.tab-btn.active{background:rgba(0,255,255,0.15);border-color:#34c5ba;color:#34c5ba;box-shadow:0 0 15px rgba(52,197,186,0.3)}
@media (max-width:1024px){.blocks-grid,.scene-grid{grid-template-columns:repeat(2,1fr);gap:15px}.tab-btn{padding:10px 24px;font-size:16px}}
@media (max-width:768px){.blocks-grid,.scene-grid{grid-template-columns:1fr;gap:15px}.gallery-tabs{gap:15px;margin:20px 0 30px}.tab-btn{padding:8px 20px;font-size:14px;gap:8px}.tab-btn i{font-size:16px}}
@media (max-width:480px){.blocks-grid,.scene-grid{gap:12px}.gallery-tabs{gap:10px}.tab-btn{padding:6px 16px;font-size:12px;gap:6px}.tab-btn i{font-size:14px}}
#custom-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;display:flex;align-items:center;justify-content:center}
.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);cursor:pointer}
.lightbox-container{position:relative;max-width:90%;max-height:90%;z-index:20001}
.lightbox-img{max-width:100%;max-height:85vh;border-radius:8px;box-shadow:0 0 40px rgba(52,197,186,0.3);border:1px solid rgba(52,197,186,0.5)}
.lightbox-caption{text-align:center;margin-top:12px;color:#34c5ba;font-family:'Raleway',sans-serif;font-size:13px;letter-spacing:1px}
.lightbox-close{position:absolute;top:-45px;right:0;width:38px;height:38px;background:rgba(255,255,255,0.1);border:1px solid rgba(0,255,255,0.5);border-radius:50%;color:#34c5ba;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}
.lightbox-close:hover{background:rgba(255,65,108,0.3);border-color:#ff416c;color:#ff416c;transform:rotate(90deg)}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;background:rgba(255,255,255,0.1);border:1px solid rgba(0,255,255,0.5);border-radius:50%;color:#34c5ba;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}
.lightbox-prev{left:-55px}
.lightbox-next{right:-55px}
.lightbox-prev:hover,.lightbox-next:hover{background:rgba(52,197,186,0.2);border-color:#34c5ba;transform:translateY(-50%) scale(1.1)}
@media (max-width:768px){.lightbox-prev,.lightbox-next{width:36px;height:36px;font-size:18px}.lightbox-prev{left:-45px}.lightbox-next{right:-45px}.lightbox-close{top:-40px;width:34px;height:34px;font-size:16px}}
@media (max-width:480px){.lightbox-prev,.lightbox-next{width:32px;height:32px;font-size:16px}.lightbox-prev{left:-40px}.lightbox-next{right:-40px}.lightbox-close{top:-38px;width:30px;height:30px;font-size:14px}.lightbox-img{max-height:70vh}.lightbox-caption{font-size:11px;margin-top:8px}}
.install-centered-image .install-big-img{max-width:100%;width:auto;height:auto;max-height:300px;border-radius:12px}
.install-block{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important}
.install-text-full{text-align:center!important;width:100%!important;max-width:700px!important;margin:0 auto!important}
.install-text-full ol,.install-text-full ul{display:inline-block!important;text-align:left!important;margin:10px auto!important;padding-left:20px!important}
.license-info{text-align:center!important;width:100%!important}
.license-info details{display:inline-block!important;text-align:center!important;width:auto!important;min-width:250px!important}
.install-centered-image{text-align:center!important}
.install-block .block-footer{text-align:center!important}