@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.a2f18b1a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3ed55436.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:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.p.80fc2c9e.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:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.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:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.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:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.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:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.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:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.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:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.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:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_818635a6-module__uec4Zq__className{font-family:Poppins,Poppins Fallback;font-style:normal}
:root{--primary-color:#3fbe8e;--primary-dark:#2e8b69;--primary-light:#3fbe8e1a;--dark-color:#2c3e50;--light-bg:#f8f9fa;--white:#fff;--transition-bounce:cubic-bezier(.175,.885,.32,1.275);--transition-smooth:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--light-bg);color:#333;flex-direction:column;min-height:100vh;font-family:Poppins,sans-serif;display:flex;overflow-x:hidden}#navbar{z-index:9000;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:15px 5%;transition:all .4s;display:flex;position:fixed;top:0;left:0}#navbar.visible{background:var(--primary-color);padding:10px 5%;box-shadow:0 4px 15px #0000001a}.logo{z-index:10002;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{width:auto;height:45px}.logo h1{color:var(--white);text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px #000c;margin:0;font-size:1.2rem;font-weight:700}.hamburger{color:#fff;cursor:pointer;z-index:10001;text-shadow:0 2px 8px #000c;background:0 0;border:none;outline:none;padding:10px 0;font-size:1.5rem;display:none}.hamburger i{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}.hamburger .fa-times{transform:rotate(180deg)scale(1.15)}.main-nav ul{align-items:center;gap:25px;margin:0;padding:0;list-style:none;display:flex}.main-nav a{text-shadow:0 2px 8px #000c;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative;color:var(--white)!important}.main-nav a:hover{opacity:.8}.main-nav a:after{content:"";background-color:var(--white);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.main-nav a:hover:after{width:100%}#navbar.visible .logo h1,#navbar.visible .hamburger,#navbar.visible .main-nav a{text-shadow:none}.dropdown{position:relative}.dropdown-menu{background:var(--white);opacity:0;visibility:hidden;pointer-events:none;z-index:1002;border-radius:12px;flex-direction:column;min-width:200px;padding:10px 0;list-style:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:absolute;top:100%;left:0;transform:translateY(15px);box-shadow:0 15px 35px #0000001a}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(5px)}.dropdown-menu a{text-align:left;border-left:3px solid #0000;font-size:.85rem;display:block;color:var(--dark-color)!important;text-shadow:none!important;padding:12px 20px!important}.dropdown-menu a:hover{border-left:3px solid var(--primary-color);background:var(--primary-light)!important;color:var(--primary-color)!important;padding-left:25px!important}.hero-slider{z-index:5;background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.slide{opacity:0;z-index:1;justify-content:center;align-items:center;transition:opacity 1s ease-in-out;display:flex;position:absolute;inset:0}.slide.active{opacity:1;z-index:2}.slide-img{object-fit:cover;filter:brightness(.5);width:100%;height:100%;transition:transform 5s linear;transform:scale(1.05)}.slide.active .slide-img{transform:scale(1)}.carousel-content{z-index:10;text-align:center;color:var(--white);pointer-events:none;width:100%;max-width:800px;padding:0 10%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.carousel-content h2{text-shadow:0 3px 10px #000c;margin-bottom:10px;font-size:2.5rem;font-weight:700}.carousel-content p{text-shadow:0 2px 8px #000c;margin-bottom:20px;font-size:1.1rem;line-height:1.6}.carousel-buttons{pointer-events:auto;justify-content:center;gap:15px;margin-top:40px;animation:1.2s ease-out forwards fadeUpOnce;display:flex}@keyframes fadeUpOnce{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-carousel{text-transform:uppercase;text-shadow:none;border-radius:50px;align-items:center;gap:10px;padding:13px 30px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-carousel.primary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.btn-carousel.secondary{color:#fff;background-color:#0000;border:2px solid #fff}.btn-carousel:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.btn-carousel.primary:hover{background-color:#34a87c;border-color:#34a87c}.btn-carousel.secondary:hover{color:var(--primary-color);background-color:#fff}section.section{z-index:20;background:var(--light-bg);position:relative;pointer-events:auto!important}#acara-kami,#tentang-kami{z-index:30!important;position:relative!important}.event-grid-static{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;padding:40px 5%;display:grid}.event-card-static{opacity:1;background:#fff;border:1px solid #eee;border-radius:20px;flex-direction:column;transition:all .5s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}.event-card-static:hover{transform:translateY(-10px);box-shadow:0 20px 40px #3fbe8e26}.img-container{aspect-ratio:16/9;background:#eee;width:100%;overflow:hidden}.img-container img{object-fit:cover;width:100%;height:100%;transition:transform .8s;display:block}.event-card-static:hover .img-container img{transform:scale(1.1)}.event-info{flex-grow:1;padding:25px}.badge-kategori{color:var(--primary-color);text-transform:uppercase;background:#e8f5e9;border-radius:8px;padding:5px 12px;font-size:.75rem;font-weight:700}.btn-lihat-semua{color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;background:#fff;border-radius:50px;outline:none;padding:12px 35px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-lihat-semua:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #3fbe8e4d}#loader{z-index:9999;background:#fff;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0;pointer-events:none!important}.loader-content{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.loader-logo{width:80px;height:auto;animation:1.2s ease-in-out infinite pulse;position:absolute}.spinner{border:4px solid #3fbe8e1a;border-top:4px solid var(--primary-color);border-radius:50%;width:130px;height:130px;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.profile-container{flex-direction:column;gap:60px;display:flex}.profile-content-wrapper{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.profile-text .section-subtitle{color:var(--primary-dark);margin-bottom:15px;font-size:1.5rem;font-weight:700}.profile-text .visi-text{color:#444;border-left:4px solid var(--primary-color);margin-bottom:35px;padding-left:15px;font-size:1.1rem;line-height:1.7}.misi-list{padding:0;list-style:none}.misi-list li{color:#444;align-items:flex-start;gap:12px;margin-bottom:15px;font-size:1.05rem;line-height:1.6;display:flex}.misi-list li i{color:var(--primary-color);margin-top:4px;font-size:1.2rem}.profile-image-section{justify-content:center;display:flex}.chairman-frame{background:var(--primary-color);border-radius:20px;width:100%;max-width:350px;padding:15px;transition:transform .4s,box-shadow .4s;position:relative;transform:rotate(2deg);box-shadow:0 15px 35px #0000001a}.chairman-frame:hover{transform:rotate(0)scale(1.02);box-shadow:0 20px 45px #3fbe8e4d}.chairman-frame:before{content:"";background:linear-gradient(135deg,var(--dark-color),var(--primary-dark));z-index:-1;border-radius:23px;position:absolute;inset:-3px}.img-crop-container{aspect-ratio:4/5;background:#f0f0f0;border-radius:12px;width:100%;overflow:hidden}.chairman-img{object-fit:cover;width:100%;height:100%;display:block}.chairman-info{text-align:center;padding-top:18px;padding-bottom:5px}.chairman-info h4{color:var(--white);margin:0 0 5px;font-size:1.1rem;font-weight:700}.chairman-info p{color:#ffffffe6;margin:0;font-size:.85rem;font-weight:600}.legalitas-box{background:var(--white);border-top:6px solid var(--primary-color);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000000a}.legalitas-list{flex-wrap:wrap;justify-content:space-around;gap:30px;padding:0;list-style:none;display:flex}.legalitas-list li{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:200px;display:flex}.legal-icon{color:var(--primary-color);background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:15px;font-size:2rem;display:flex}.legal-text{color:#555;font-size:.95rem;line-height:1.6}.legal-text strong{color:var(--dark-color);margin-bottom:5px;font-size:1.1rem;display:block}.partner-section{perspective:1500px;background:#fff;padding:60px 0;overflow:hidden}.logo-grid-3d{width:100%;height:250px;transform-style:preserve-3d;justify-content:center;align-items:center;animation:25s linear infinite putarLogo;display:flex;position:relative}.logo-grid-3d:hover{animation-play-state:paused}.logo-item-3d{backface-visibility:visible;width:150px;height:90px;transform-style:preserve-3d;background:#fff;border:1px solid #0000000d;border-radius:15px;justify-content:center;align-items:center;padding:15px;transition:transform .4s;display:flex;position:absolute;box-shadow:0 8px 20px #0000000f}.logo-item-3d:first-child{transform:rotateY(0)translateZ(250px)}.logo-item-3d:nth-child(2){transform:rotateY(72deg)translateZ(250px)}.logo-item-3d:nth-child(3){transform:rotateY(144deg)translateZ(250px)}.logo-item-3d:nth-child(4){transform:rotateY(216deg)translateZ(250px)}.logo-item-3d:nth-child(5){transform:rotateY(288deg)translateZ(250px)}.logo-item-3d:hover{border-color:var(--primary-color);transform:rotateY(var(--current-rotate,inherit))translateZ(280px)scale(1.05)!important}.logo-item-3d img{filter:drop-shadow(0 3px 6px #0000000d);max-width:70%}@keyframes putarLogo{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.comment-section{padding:80px 0}.comment-flex-container{flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.comment-list-column{flex:2;min-width:320px}.comment-form-column{flex:1;min-width:320px}.comment-form-box{background:var(--white);border-radius:20px;padding:30px;position:sticky;top:100px;box-shadow:0 10px 30px #00000014}@media (max-width:768px){#navbar{background:0 0!important;padding:15px 5%!important}#navbar.visible{background:var(--primary-color)!important;padding:10px 5%!important}.logo{position:static}.logo-img{height:35px;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.logo h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap!important;font-size:1rem!important}.hamburger{z-index:10005;margin-left:auto;display:block;position:relative}.main-nav{background:var(--primary-color);z-index:10000;flex-direction:column;width:75%;height:100vh;padding-top:80px;transition:all .4s;display:flex;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:5px 0 15px #0003}.main-nav.active{left:0}.main-nav ul{flex-direction:column;gap:0;width:100%}.main-nav a{border-bottom:1px solid #ffffff1a;width:100%;padding:18px 30px;display:block;text-shadow:none!important}.dropdown-menu{width:100%!important;box-shadow:none!important;background:#00000026!important;margin:0!important;padding:0!important;display:none!important;position:static!important;transform:none!important}.dropdown.show-menu .dropdown-menu{display:block!important}.dropdown-menu li a{background:0 0!important;padding:15px 50px!important}.hero-slider{height:100vh!important}.carousel-content{width:90%!important;top:60%!important}.carousel-content h2{font-size:1.7rem}.carousel-buttons{flex-direction:column;align-items:center;gap:10px;margin-top:30px}.btn-carousel{justify-content:center;width:80%}.profile-content-wrapper{grid-template-columns:1fr;gap:40px}.chairman-frame{max-width:300px;margin:0 auto;transform:rotate(0)}.legalitas-box{padding:25px}.legalitas-list{flex-direction:column;gap:25px}.legalitas-list li{text-align:left;flex-direction:row}.legal-icon{flex-shrink:0;width:50px;height:50px;margin-bottom:0;margin-right:15px;font-size:1.5rem}.event-grid-static{flex-direction:column!important;align-items:center!important;display:flex!important}.event-card-static{margin-bottom:20px;width:90%!important;max-width:380px!important}.comment-form-box{margin-top:20px;position:static}.comment-list-column,.comment-form-column{flex:100%}.partner-section{padding:40px 0}.logo-grid-3d{perspective:none!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;height:auto!important;animation:none!important;display:flex!important;transform:none!important}.logo-item-3d{width:120px!important;height:80px!important;margin:5px!important;position:relative!important;transform:none!important;box-shadow:0 4px 10px #0000000d!important}}@media (max-width:380px){.logo h1{font-size:.85rem!important}}.hidden-reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1);transform:translateY(60px)}.show-reveal{opacity:1;transform:translateY(0)}