*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,Varela Round,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fffbf0;color:#2d1b69;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-14px) rotate(4deg)}66%{transform:translateY(-7px) rotate(-3deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(-5deg)}}@keyframes float3{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.06)}}@keyframes bounce-fun{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-18px) scale(1.04)}50%{transform:translateY(-8px) scale(1.02)}70%{transform:translateY(-14px) scale(1.03)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-slow-rev{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}25%{opacity:.3;transform:scale(.6) rotate(20deg)}75%{opacity:.7;transform:scale(.9) rotate(-10deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.4) rotate(-15deg)}60%{transform:scale(1.12) rotate(5deg)}80%{transform:scale(.96) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes wave-move{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes rainbow-bg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes heart-beat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes color-cycle{0%{color:#f472b6}20%{color:#fb923c}40%{color:#facc15}60%{color:#4ade80}80%{color:#60a5fa}to{color:#a78bfa}}.anim-float{animation:float 4s ease-in-out infinite}.anim-float2{animation:float2 5.5s ease-in-out infinite}.anim-float3{animation:float3 3.5s ease-in-out infinite}.anim-bounce{animation:bounce-fun 2.5s ease-in-out infinite}.anim-wiggle{animation:wiggle 1.4s ease-in-out infinite}.anim-spin{animation:spin-slow 8s linear infinite}.anim-spin-rev{animation:spin-slow-rev 12s linear infinite}.anim-pulse{animation:pulse-scale 2s ease-in-out infinite}.anim-twinkle{animation:twinkle 2s ease-in-out infinite}.anim-pop-in{animation:pop-in .6s cubic-bezier(.36,.07,.19,.97) both}.anim-slide-up{animation:slide-up .7s ease-out both}.anim-heart{animation:heart-beat 1.8s ease-in-out infinite}.anim-color{animation:color-cycle 3s linear infinite}.delay-0{animation-delay:0s}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.5s}.delay-4{animation-delay:.7s}.delay-5{animation-delay:.9s}.delay-6{animation-delay:1.1s}.delay-r1{animation-delay:.6s}.delay-r2{animation-delay:1.2s}.delay-r3{animation-delay:.9s}.delay-r4{animation-delay:1.8s}.delay-r5{animation-delay:.4s}.delay-r6{animation-delay:2.1s}.rainbow-text{background:linear-gradient(90deg,#f472b6,#fb923c,#facc15,#4ade80,#60a5fa,#a78bfa,#f472b6);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3.5s linear infinite}.feature-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:default}.feature-card:hover{transform:translateY(-10px) rotate(1.5deg) scale(1.03)}.gallery-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.gallery-card:hover{transform:translateY(-8px) scale(1.03) rotate(-1deg)}.cta-btn{display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.cta-btn:hover{transform:translateY(-4px) scale(1.06)}.cta-btn:active{transform:scale(.96)}.nav-link{position:relative;transition:color .2s,transform .2s}.nav-link:hover{transform:translateY(-2px) scale(1.07)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:3px;border-radius:3px;transition:width .3s cubic-bezier(.34,1.56,.64,1)}.nav-link:hover:after{width:100%}@media (min-width:768px){.landing-nav-desktop{display:flex!important}.landing-nav-burger,.landing-nav-drawer,.landing-nav-mobile-menu{display:none!important}}@media (max-width:767px){.landing-nav-drawer a[href^="#"]{display:block;padding:12px 0;font-size:1rem;color:#2d1b69;border-bottom:1px solid #fde68a;text-decoration:none;font-weight:700}}.section-badge{display:inline-block;padding:6px 18px;border-radius:999px;font-size:.875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;animation:pop-in .5s ease both}.hasil-row{transition:background .2s,transform .2s}.hasil-row:hover{transform:scale(1.005);filter:brightness(.97)}.sort-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.sort-btn:hover{transform:translateY(-2px) scale(1.05)}.page-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s}.page-btn:hover:not(:disabled){transform:scale(1.1)}