:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--secondary-color: #64748b;--bg-light: #f8fafc;--border-color: #e2e8f0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-light);color:#334155;overflow-x:hidden}.navbar-landing{padding:1.5rem 0;background:transparent;transition:all .4s ease-in-out}.navbar-landing.scrolled{padding:1rem 0;background:#0f172af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}@media(max-width:991.98px){.navbar-landing{background:#0f172afa!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0}.navbar-collapse{background:#0f172afa;padding:1rem;border-radius:8px;margin-top:10px}}.btn-login-nav{transition:all .3s}.btn-login-nav:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d!important}.hero-section{position:relative;height:100vh;min-height:750px;background-color:#0f172a;overflow:hidden}.hero-bg-carousel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0f172a4d,#0f172ab3);z-index:1;pointer-events:none}.hero-content-wrapper{position:relative;z-index:20!important}.hero-blur-transition{position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#f8fafc00,#f8fafccc 70%,#f8fafc);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2;pointer-events:none}.hero-carousel-btn{width:50px;height:50px;background:#fff3;border-radius:50%;top:50%;transform:translateY(-50%);opacity:0;transition:all .3s ease;z-index:100!important;pointer-events:auto}.hero-section:hover .hero-carousel-btn{opacity:1}.hero-carousel-btn:hover{background:#ffffff80}.galeri-info-box{position:absolute;right:7%;bottom:200px;left:auto;text-align:left;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:4px solid var(--primary-color);padding:15px 20px;border-radius:12px;max-width:400px;z-index:10;box-shadow:0 10px 30px #0000004d;border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.galeri-info-box h6{line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.5)}.galeri-info-box p{line-height:1.5;font-size:.8rem}@media(max-width:768px){.galeri-info-box{right:5%;bottom:80px;max-width:80%;padding:10px 15px}.galeri-info-box h6{font-size:.85rem;margin-bottom:0!important}}.custom-shape-divider-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg);z-index:2}.custom-shape-divider-bottom svg{position:relative;display:block;width:calc(130% + 1.3px);height:80px}.custom-shape-divider-bottom .shape-fill{fill:var(--bg-light)}.z-index-2{z-index:100!important}.stat-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.8);cursor:pointer;border-bottom:4px solid transparent;border-radius:1rem}.stat-card.card-demo{background-image:linear-gradient(to right,#fffffffa 40%,#fff9),url(https://images.unsplash.com/photo-1517486808906-6ca8b3f04846?q=80&w=800&auto=format&fit=crop);background-size:cover;background-position:center right}.stat-card.card-demo:hover{border-bottom-color:var(--primary-color)}.stat-card.card-gyt{background-image:linear-gradient(to right,#fffffffa 40%,#fff9),url(https://images.pexels.com/photos/2255459/pexels-photo-2255459.jpeg?auto=compress&cs=tinysrgb&w=800);background-size:cover;background-position:center right}.stat-card.card-gyt:hover{border-bottom-color:#f59e0b}.stat-card.card-bkk{background-image:linear-gradient(to right,#fffffffa 40%,#fff9),url(https://images.unsplash.com/photo-1589939705384-5185137a7f0f?q=80&w=800&auto=format&fit=crop);background-size:cover;background-position:center}.stat-card.card-bkk:hover{border-bottom-color:#10b981}.icon-bg{opacity:.02}.stat-card:hover .icon-bg{opacity:.05}.stat-card .card-body{position:relative;z-index:1}.explore-indicator{opacity:0;transform:translate(-15px);transition:all .3s ease}.stat-card:hover .explore-indicator{opacity:1;transform:translate(0)}.article-card{transition:all .3s}.article-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014!important}.article-title{transition:color .2s}.article-card:hover .article-title{color:var(--primary-color)!important}.article-img-wrapper{overflow:hidden}.article-img-wrapper img{transition:transform .5s ease}.article-card:hover .article-img-wrapper img{transform:scale(1.1)}.tracking-wide{letter-spacing:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748bcc}.scrollable-area{max-height:65vh;overflow-y:auto;overflow-x:hidden;padding-right:4px}.border-dashed{border-style:dashed!important;border-color:#cbd5e1!important}.coming-soon-card{background-color:#f8fafc;transition:all .3s ease;cursor:default}.coming-soon-card:hover{background-color:#f1f5f9;border-color:#94a3b8!important;transform:translateY(-5px)}.coming-soon-card .icon-wrapper{transition:all .3s ease}.coming-soon-card:hover .icon-wrapper{transform:scale(1.1);opacity:.5!important}.custom-pills{background-color:#f1f5f9;padding:.5rem;display:inline-flex;border-radius:50rem}.custom-pills .nav-item{margin:0 .25rem}.custom-pills .nav-link{color:#64748b;border-radius:50rem;transition:all .3s ease;border:none;background:transparent;font-size:.95rem;font-weight:600}.custom-pills .nav-link:hover{color:#3b82f6;background-color:#3b82f61a}.custom-pills .nav-link.active{background-color:#3b82f6;color:#fff;box-shadow:0 4px 10px #3b82f64d}.custom-pagination{margin-top:.5rem}.custom-pagination .page-item .page-link{color:#64748b;border:none;border-radius:8px!important;margin:0 3px;font-weight:600;transition:all .2s;background-color:#f8fafc}.custom-pagination .page-item .page-link:hover{background-color:#e2e8f0;color:#0f172a}.custom-pagination .page-item.active .page-link{background-color:#3b82f6;color:#fff;box-shadow:0 4px 10px #3b82f64d}.custom-pagination .page-info{font-size:.85rem;font-weight:500}.video-fade-transition{transition:opacity .8s ease-in-out;opacity:1}.video-fade-out{opacity:0!important}.stat-cards-row{margin-top:-60px;position:relative;z-index:10}.nav-logo{height:60px;transition:height .3s ease}.nav-main-title{font-size:1.25rem;transition:font-size .3s ease}.nav-subtitle{font-size:.8rem;transition:font-size .3s ease;white-space:nowrap}@media(max-width:767.98px){.nav-logo{height:45px}.nav-main-title{font-size:1.1rem}.nav-subtitle{font-size:.65rem;white-space:normal;line-height:1.2}.stat-cards-row{margin-top:-20px}.galeri-info-box{bottom:auto;top:100px;right:50%;transform:translate(50%);width:90%;text-align:center}.filter-action-bar .row{flex-direction:column;align-items:stretch!important}.filter-action-bar .col-md-auto,.filter-action-bar .col-6{width:100%;margin-bottom:.5rem}}.tab-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:5px;justify-content:flex-start!important}.tab-scroll-container::-webkit-scrollbar{display:none}.custom-pills{white-space:nowrap;min-width:-moz-max-content;min-width:max-content}@media(min-width:768px){.tab-scroll-container{justify-content:center!important;overflow-x:visible}}