.reveal{opacity:0;will-change:transform, opacity}.reveal-up{transform:translateY(40px)}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-zoom{transform:scale(.9)}.reveal{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transform:translate(0)scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}.delay-700{transition-delay:.7s}.reveal:not(.is-visible){transition-duration:.8s;transition-delay:0s!important}.premium-card{transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.premium-card:hover{border-color:#bfdbfe;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px -10px #003f881f,0 10px 20px -5px #fbbf241a}.premium-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.premium-card:hover:before{animation:.8s ease-out forwards cardShine}@keyframes cardShine{to{left:200%}}.jenjang-card{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.jenjang-card:hover{z-index:20;transform:translateY(-8px)scale(1.03)!important}.jenjang-card:active{transform:scale(.98)!important}.jenjang-logo{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.jenjang-card:hover .jenjang-logo{transform:scale(1.08)rotate(3deg)!important}.timeline-wrapper{max-width:1000px;margin:0 auto;padding:2rem 0;position:relative}.timeline-line{background-color:#f1f5f9;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:20px}.timeline-progress{width:4px;height:var(--timeline-progress,0%);background:linear-gradient(#003f88,#f59e0b);border-radius:2px;transition:height .1s ease-out;position:absolute;top:0;bottom:0;left:20px}.timeline-item-container{justify-content:flex-end;width:100%;margin-bottom:1.5rem;padding-left:50px;display:flex;position:relative}.timeline-item-container:last-child{margin-bottom:0}.timeline-node{z-index:10;background-color:#cbd5e1;border:3px solid #fff;border-radius:50%;width:16px;height:16px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:24px;left:14px;box-shadow:0 0 0 4px #f8fafc}.timeline-item-container.is-visible .timeline-node{background-color:#003f88;transform:scale(1.3);box-shadow:0 0 0 4px #dbeafe,0 0 15px #003f8866}.timeline-content{background:#fff;border:1px solid #f1f5f9;border-radius:20px;width:100%;padding:1.5rem;transition:all .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 25px -5px #00000008}.timeline-content:hover{border-color:#a7f3d0;transform:translateY(-5px)scale(1.02);box-shadow:0 20px 30px -10px #10b98126}@media (width>=768px){.timeline-line,.timeline-progress,.timeline-node{left:50%;transform:translate(-50%)}.timeline-item-container.is-visible .timeline-node{transform:translate(-50%)scale(1.3)}.timeline-item-container{justify-content:space-between;width:100%;padding-left:0}.timeline-content{width:45%}.timeline-opposite{flex-direction:column;justify-content:center;width:45%;display:flex}.timeline-item-container:nth-child(odd){flex-direction:row}.timeline-item-container:nth-child(odd) .timeline-opposite{text-align:right;align-items:flex-end;padding-right:2rem}.timeline-item-container:nth-child(2n){flex-direction:row-reverse}.timeline-item-container:nth-child(2n) .timeline-opposite{text-align:left;align-items:flex-start;padding-left:2rem}}.bg-animate-pattern{animation:30s linear infinite movePattern}@keyframes movePattern{0%{background-position:0 0}to{background-position:400px 400px}}@media (width<=768px){.reveal-left,.reveal-right{transform:translateY(20px)}}