html{scroll-behavior:smooth}body{overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}[x-cloak]{display:none!important}.section-offset{scroll-margin-top:88px}img{max-width:100%;height:auto}.auto-pan-img{object-fit:cover;object-position:center;will-change:transform;backface-visibility:hidden;animation:8s ease-in-out infinite alternate smoothPan;transform:translateZ(0)}@keyframes smoothPan{0%{transform:scale(1.1)translateY(-3%)}to{transform:scale(1.1)translateY(3%)}}.slider-track{will-change:transform;backface-visibility:hidden;flex-wrap:nowrap;width:100%;display:flex;transform:translateZ(0);transition:transform .8s cubic-bezier(.4,0,.2,1)!important}.swipe-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.swipe-container::-webkit-scrollbar{display:none}.swipe-item{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.overflow-hidden.rounded-2xl,.overflow-hidden.rounded-lg{z-index:1;position:relative}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.marquee-container{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex}.marquee-container:active{cursor:grabbing}.marquee-wrapper{will-change:transform;backface-visibility:hidden;perspective:1000px;align-items:center;display:flex;transform:translate(0,0)}.marquee-item{flex:none;justify-content:center;align-items:center;padding:0 20px;transition:none;display:flex}.sponsor-logo{filter:grayscale();opacity:.5;pointer-events:none;width:auto;height:40px;transition:all .3s}.marquee-item:hover .sponsor-logo{filter:grayscale(0%);opacity:1;transform:scale(1.1)}@media (width<=768px){.auto-pan-img{will-change:transform;animation:none!important;transform:none!important}}.marquee-wrapper,.auto-pan-img,.slider-track{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-item{pointer-events:auto;cursor:pointer;background:#fff;border-left:4px solid #3b82f6;border-radius:12px;align-items:flex-start;gap:12px;max-width:380px;padding:14px 18px;transition:opacity .3s,transform .3s;animation:.4s cubic-bezier(.21,1.02,.73,1) forwards toast-in;display:flex;box-shadow:0 8px 30px #000}.toast-item:hover{transform:translate(-4px)}.toast-item.toast-donasi{border-left-color:#10b981}.toast-item.toast-pengumuman{border-left-color:#6366f1}.toast-item.toast-hide{animation:.3s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button,a,[role=button]{min-width:44px;min-height:44px}[x-show]{contain:layout}.marquee-container,.swipe-container{contain:content}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #00000014,0 4px 10px -6px #0000000a}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:.5rem;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}@supports (padding-bottom:env(safe-area-inset-bottom)){footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #3b82f6}[x-transition]{will-change:opacity, transform}img{background-color:#f1f5f9}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}@media (width<=768px){button,a{-webkit-tap-highlight-color:transparent}.section-offset{scroll-margin-top:72px}}@media (prefers-reduced-motion:reduce){.auto-pan-img,.marquee-wrapper{animation:none!important}.slider-track{transition:none!important}}
/*$vite$:1*/