.section-gradient{background:linear-gradient(135deg,#0d3b6e,#1a5fa8,#4a90d9);background-attachment:fixed;position:relative}.section-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 20px);pointer-events:none;z-index:0}.section-gradient>section,.section-gradient>footer{position:relative;z-index:1}.section-gradient>nav{z-index:50!important}.tl-wrap{position:relative}.tl-center-line{position:absolute;top:0;bottom:0;left:20px;width:2px;background:linear-gradient(to bottom,#d4af371a,#d4af378c 20%,#d4af378c 80%,#d4af371a);z-index:0;transform-origin:top;transform:scaleY(0);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.tl-center-line-active{transform:scaleY(1)}.tl-row{position:relative;display:flex;align-items:flex-start;padding-bottom:1.75rem;padding-left:56px;transition:all .6s cubic-bezier(.16,1,.3,1)}.tl-row:last-child{padding-bottom:0}.tl-dot{position:absolute;left:9px;top:14px;width:24px;height:24px;border-radius:9999px;background:#0d3b6e;border:2px solid rgba(212,175,55,.75);display:flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0}.tl-card{width:100%}@media (min-width: 768px){.tl-center-line{left:50%;transform:translate(-50%)}.tl-row{width:100%;padding-left:0;padding-right:0;padding-bottom:2.25rem;align-items:center}.tl-row.tl-row-left{justify-content:flex-end;padding-right:calc(50% + 38px)}.tl-row.tl-row-right{justify-content:flex-start;padding-left:calc(50% + 38px)}.tl-dot{left:50%;transform:translate(-50%);top:50%;margin-top:-12px}.tl-card{max-width:320px}}@keyframes float-y{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes float-y-delayed{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-2deg)}}.animate-float{animation:float-y 4s ease-in-out infinite}.animate-float-delayed{animation:float-y-delayed 5s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.15);opacity:1}}@keyframes glow-pulse-slow{0%,to{transform:scale(1.1) rotate(0);opacity:.8}50%{transform:scale(.95) rotate(180deg);opacity:.95}}.animate-glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.animate-glow-pulse-slow{animation:glow-pulse-slow 6s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-scale{opacity:0;animation:fadeInScale 1s cubic-bezier(.16,1,.3,1) forwards}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-450{animation-delay:.45s}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{opacity:0;animation:slideDown .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes emergeTL{0%{opacity:0;transform:translate(60px,60px) scale(.2)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes emergeTR{0%{opacity:0;transform:translate(-60px,60px) scale(.2)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes emergeBL{0%{opacity:0;transform:translate(60px,-60px) scale(.2)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes emergeBR{0%{opacity:0;transform:translate(-60px,-60px) scale(.2)}to{opacity:1;transform:translate(0) scale(1)}}.animate-emerge-tl{opacity:0;animation:emergeTL .8s cubic-bezier(.16,1,.3,1) 1.2s forwards}.animate-emerge-tr{opacity:0;animation:emergeTR .8s cubic-bezier(.16,1,.3,1) 1.2s forwards}.animate-emerge-bl{opacity:0;animation:emergeBL .8s cubic-bezier(.16,1,.3,1) 1.2s forwards}.animate-emerge-br{opacity:0;animation:emergeBR .8s cubic-bezier(.16,1,.3,1) 1.2s forwards}@keyframes emergeCenterToLeft{0%{opacity:0;transform:translate(160%) scale(.9)}40%{opacity:1;transform:translate(160%) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes emergeMobile{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes emergeTentangTR{0%{opacity:0;transform:translate(-40px,40px) scale(.2)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes emergeTentangBL{0%{opacity:0;transform:translate(40px,-40px) scale(.2)}to{opacity:1;transform:translate(0) scale(1)}}@media (min-width: 1024px){.animate-tentang-logo{animation:emergeCenterToLeft 1.6s cubic-bezier(.16,1,.3,1) forwards}}@media (max-width: 1023px){.animate-tentang-logo{animation:emergeMobile 1s cubic-bezier(.16,1,.3,1) forwards}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-right{opacity:0;animation:fadeInRight .8s cubic-bezier(.16,1,.3,1) forwards}.delay-1000{animation-delay:1s}.delay-1150{animation-delay:1.15s}.delay-1300{animation-delay:1.3s}.delay-1450{animation-delay:1.45s}.animate-emerge-tentang-tr{opacity:0;animation:emergeTentangTR .6s cubic-bezier(.16,1,.3,1) 1.6s forwards}.animate-emerge-tentang-bl{opacity:0;animation:emergeTentangBL .6s cubic-bezier(.16,1,.3,1) 1.6s forwards}@keyframes pulseGentle{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(212,175,55,.45))}50%{transform:scale(1.12);filter:drop-shadow(0 0 12px rgba(212,175,55,.75))}}.animate-pulse-gentle{animation:pulseGentle 2.5s ease-in-out infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInMobile{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (min-width: 768px){.animate-tl-left{opacity:0;animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.animate-tl-right{opacity:0;animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards}}@media (max-width: 767px){.animate-tl-left,.animate-tl-right{opacity:0;animation:slideInMobile .8s cubic-bezier(.16,1,.3,1) forwards}}.animate-scale-in{opacity:0;animation:scaleIn .5s cubic-bezier(.16,1,.3,1) forwards}