.bg-mint{background:linear-gradient(135deg,#FFFFFF 0%,#F0F7F4 100%);position:relative;z-index:1}.bg-mint:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/gambar/bg-mint.png);background-size:400px auto;background-repeat:repeat;opacity:.25;mix-blend-mode:multiply;pointer-events:none;z-index:-1}.bg-elegant{background:linear-gradient(135deg,#1A3A24 0%,#0F2318 100%);color:#fbf8ed;position:relative;z-index:1}.bg-elegant:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/gambar/bg-elegant.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.2;mix-blend-mode:overlay;pointer-events:none;z-index:-1}@media (max-width: 768px){.bg-elegant:before{background-size:500px auto;background-repeat:repeat}}.reveal-animation{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal-animation.active{opacity:1;transform:translateY(0)}.animate-fadeIn{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.activity-card{background:linear-gradient(135deg,#1A3A24 0%,#0F2318 100%);position:relative;transition:all .5s cubic-bezier(.22,1,.36,1);border:1px solid rgba(230,215,147,.15);overflow:hidden;transform-style:preserve-3d}.activity-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(230,215,147,.04) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:.4}.activity-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(230,215,147,.15),transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.activity-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px -15px #1a3a2499,0 0 0 1px #e6d79366;border-color:#e6d79366}.activity-card:hover:after{opacity:1}.story-image-wrapper-full{position:relative;overflow:hidden;min-height:450px}.story-image-wrapper-full:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(26,58,36,.2),transparent);pointer-events:none}.story-image-wrapper-full img{transition:transform .7s cubic-bezier(.22,1,.36,1)}.activity-card:hover .story-image-wrapper-full img{transform:scale(1.08)}.spice-card-container{perspective:1000px}.spice-card-green{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s cubic-bezier(.22,1,.36,1);border:1px solid rgba(230,215,147,.15);box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden;min-height:240px;transform-style:preserve-3d}.spice-card-green:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(230,215,147,.03),transparent);opacity:0;transition:opacity .5s ease}.spice-card-green:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(230,215,147,.15) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease;z-index:0;pointer-events:none}.spice-card-green:hover{background-color:#fff;transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px -10px #e6d79366;border-color:#e6d793}.spice-card-green:hover:before{opacity:1}.spice-card-green:hover:after{transform:translate(100%) translateY(100%) rotate(45deg)}.spice-card-green h3{color:#e6d793;transition:color .4s ease;font-weight:700;position:relative;z-index:10}.spice-card-green:hover h3{color:#1a3a24}.spice-card-green .text-content-green{color:#fbf8ed;opacity:.85;transition:all .4s ease;position:relative;z-index:10}.spice-card-green:hover .text-content-green{color:#4b5563;opacity:1}.spice-card-green .icon-wrapper-green{background-color:#e6d7932e;transition:all .4s cubic-bezier(.22,1,.36,1);color:#e6d793;box-shadow:0 4px 8px #00000026;border:1.5px solid rgba(230,215,147,.25);position:relative;z-index:10}.spice-card-green:hover .icon-wrapper-green{background-color:#1a3a24;color:#e6d793;transform:scale(1.15) rotate(5deg);border-color:#e6d793;box-shadow:0 8px 20px #1a3a244d}.btn-cta{background-color:#1a3a24;color:#fff;transition:all .4s cubic-bezier(.22,1,.36,1);text-transform:uppercase;letter-spacing:.08em;font-weight:700;box-shadow:0 8px 20px #1a3a2440;border:2px solid transparent;position:relative;overflow:hidden}.btn-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#E6D793 0%,#D4C078 100%);opacity:0;transition:opacity .4s ease;z-index:-1}.btn-cta:hover{color:#1a3a24;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #e6d79380;border-color:#e6d793}.btn-cta:hover:before{opacity:1}.btn-cta:active{transform:translateY(-1px) scale(1.02)}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a3a24}h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",Georgia,serif;color:#1a3a24;font-variant-numeric:lining-nums;letter-spacing:.01em;line-height:1.2}p{line-height:1.8;letter-spacing:.01em}@media (max-width: 768px){.story-image-wrapper-full{min-height:320px}.spice-card-green{padding:1.5rem;min-height:200px}.spice-card-green:hover{transform:translateY(-6px) scale(1.01)}.activity-card{border-radius:1.5rem}.activity-card:hover{transform:translateY(-8px)}.pattern-dots{background-size:15px 15px}}@media (min-width: 1024px){.story-image-wrapper-full{min-height:500px}}[data-lucide]{stroke-width:1.8;transition:transform .4s cubic-bezier(.22,1,.36,1),color .4s ease}.spice-card-green:hover [data-lucide]{transform:scale(1.1) rotate(-5deg)}html{scroll-behavior:smooth}::-moz-selection{background-color:#e6d793;color:#1a3a24}::selection{background-color:#e6d793;color:#1a3a24}.bg-mint>*{position:relative;z-index:10}.activity-card,.spice-card-green,.btn-cta{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.activity-card,.spice-card-green,.story-image-wrapper-full{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.container{max-width:1280px}img{background-color:#1a3a240d}
