@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700&display=swap";
:root{--purple-deep:#3b1f6e;--purple-mid:#5b2d9e;--purple-light:#7b4fbe;--purple-glow:#9b6fde;--gold:#c9a84c;--gold-light:#e0c97a;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#1a1d23;--gray-900:#0d0f12;--bg:var(--gray-900);--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--text:var(--gray-100);--text-muted:var(--gray-400);--radius:16px;--radius-sm:8px;--radius-lg:24px;--shadow:0 8px 32px #0006;--transition:.3s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", system-ui, sans-serif;--font-serif:"Playfair Display", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.navbar{z-index:100;transition:var(--transition);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0f12eb;border-bottom:1px solid #ffffff0f;padding:.75rem 2rem}.navbar-brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.navbar-logo{object-fit:contain;filter:drop-shadow(0 1px 2px #0000004d);width:auto;height:50px}.navbar-links{gap:2rem;list-style:none;display:flex}.navbar-links a{color:var(--text-muted);transition:var(--transition);font-size:.875rem;font-weight:500;position:relative}.navbar-links a:hover{color:var(--white)}.navbar-links a:after{content:"";background:var(--gold);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.navbar-links a:hover:after{width:100%}.menu-toggle{flex-direction:column;gap:5px;padding:4px;display:none}.menu-toggle span{background:var(--white);width:24px;height:2px;transition:var(--transition)}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;will-change:transform;position:absolute;inset:-20%;transform:scale(1.15)}.hero-bg img{object-fit:cover;filter:brightness(.5)saturate(1.3);width:100%;height:100%}.hero-overlay{background:linear-gradient(180deg, #0d0f1200 0%, #0d0f1226 20%, #0d0f1280 55%, var(--bg) 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;will-change:transform, opacity;max-width:900px;padding:2rem;position:relative}.hero-badge{color:var(--gold-light);text-transform:uppercase;letter-spacing:.1em;background:#c9a84c26;border:1px solid #c9a84c4d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;animation:.8s both fadeInUp;display:inline-flex}.hero-title{font-family:var(--font-serif);background:linear-gradient(135deg, var(--white) 0%, var(--gray-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.2;animation:.8s .2s both fadeInUp}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);animation:.8s .4s both fadeInUp}.hero-cta{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--gray-900);letter-spacing:.02em;transition:var(--transition);border-radius:999px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.95rem;font-weight:700;animation:.8s .6s both fadeInUp;display:inline-flex;box-shadow:0 4px 24px #c9a84c4d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c9a84c80}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;animation:.8s .6s both fadeInUp;display:flex}.hero-actions .hero-cta{animation:none}.hero-cta-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);transition:var(--transition);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.95rem;font-weight:600;display:inline-flex}.hero-cta-secondary:hover{background:#ffffff26;border-color:#c9a84c66;transform:translateY(-2px)}.cal-dropdown{position:relative}.cal-dropdown-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-sm);background:#1e2026f2;border:1px solid #ffffff1a;min-width:220px;animation:.2s fadeInUp;position:absolute;bottom:calc(100% + .75rem);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 48px #00000080}.cal-dropdown-item{width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.cal-dropdown-item:hover{color:var(--gold-light);background:#c9a84c1a}.cal-dropdown-item+.cal-dropdown-item{border-top:1px solid #ffffff0f}.cal-dropdown-icon{width:28px;height:28px;color:var(--gold);background:#c9a84c1f;border-radius:6px;justify-content:center;align-items:center;display:flex}.hero-scroll{color:var(--text-muted);letter-spacing:.1em;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;animation:2s infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--gold), transparent);width:1px;height:40px}.countdown{justify-content:center;gap:1.5rem;margin-bottom:2.5rem;animation:.8s .5s both fadeInUp;display:flex}.countdown-item{text-align:center}.countdown-value{background:linear-gradient(135deg, var(--gold), var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1}.countdown-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-top:.25rem;font-size:.7rem}.section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--gold);width:24px;height:1px}.section-title{font-family:var(--font-serif);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.section-desc{color:var(--text-muted);max-width:640px;margin-bottom:3rem;font-size:1.05rem;line-height:1.7}.gallery-section{max-width:1200px}.story-intro{margin-bottom:4rem}.story-narrative{max-width:720px;margin-bottom:3rem}.story-narrative p{color:var(--gray-300);font-size:1.15rem;line-height:1.85}.story-narrative strong{color:var(--gold-light)}.story-pillars{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.story-pillar{background:var(--bg-card);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);border:1px solid #ffffff0f;padding:2rem}.story-pillar:hover{background:var(--bg-card-hover);border-color:#c9a84c33;transform:translateY(-4px)}.story-pillar-icon{margin-bottom:.75rem;font-size:2.25rem}.story-pillar h3{color:var(--white);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.story-pillar p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.gallery-divider{align-items:center;gap:1.5rem;margin:3rem 0 4rem;display:flex}.gallery-divider-line{background:linear-gradient(90deg,#0000,#c9a84c66,#0000);flex:1;height:1px}.gallery-divider-label{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);white-space:nowrap;font-size:.8rem;font-weight:600}.area-story{margin-bottom:5rem}.area-story:last-of-type{margin-bottom:0}.area-story-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.area-story-emoji{font-size:2.5rem;line-height:1}.area-story-title{font-family:var(--font-serif);color:var(--white);font-size:1.75rem;font-weight:700;line-height:1.2}.area-story-subtitle{color:var(--gold);letter-spacing:.02em;font-size:.85rem;font-weight:500}.area-story-narrative{color:var(--text-muted);max-width:700px;margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.gallery-item{border-radius:var(--radius);aspect-ratio:16/10;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gallery-item:hover img{transform:scale(1.08)}.gallery-item-overlay{opacity:0;transition:var(--transition);background:linear-gradient(#0000 50%,#000000b3 100%);align-items:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay span{color:var(--white);font-size:.85rem;font-weight:500}.gallery-item.featured{aspect-ratio:16/8;grid-column:span 2}.lightbox{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#000000f2;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:all}.lightbox-img{object-fit:contain;border-radius:var(--radius-sm);max-width:90vw;max-height:85vh}.lightbox-close{color:#fff;width:48px;height:48px;transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#fff3}.lightbox-nav{color:#fff;width:48px;height:48px;transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-caption{color:var(--text-muted);text-align:center;font-size:.9rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.lightbox-counter{color:var(--text-muted);font-size:.85rem;position:absolute;top:1.5rem;left:1.5rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.info-card{background:var(--bg-card);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);border:1px solid #ffffff0f;padding:2rem}.info-card:hover{background:var(--bg-card-hover);border-color:#c9a84c33;transform:translateY(-4px)}.info-card-icon{background:linear-gradient(135deg,#c9a84c26,#c9a84c0d);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;display:flex}.info-card-value{color:var(--white);margin-bottom:.25rem;font-size:2rem;font-weight:800;line-height:1}.info-card-label{color:var(--text-muted);font-size:.85rem}.vision-text{font-family:var(--font-serif);color:var(--gray-300);border-left:3px solid var(--gold);margin:3rem 0;padding-left:2rem;font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.6}.timeline{padding-left:3rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--gold), var(--purple-mid), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{opacity:0;padding-bottom:3rem;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;transform:translate(-20px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-dot{background:var(--gold);border:3px solid var(--bg);border-radius:50%;width:16px;height:16px;position:absolute;top:.25rem;left:-3rem;transform:translate(-7px)}.timeline-dot.active{box-shadow:0 0 0 4px #c9a84c4d}.timeline-date{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.timeline-title-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.timeline-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #c9a84c4d);border-radius:8px;width:44px;height:44px}.timeline-title{font-size:1.25rem;font-weight:700}.timeline-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-image{border-radius:var(--radius-lg);aspect-ratio:4/3;position:relative;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%}.about-image:after{content:"";border-radius:var(--radius-lg);border:1px solid #c9a84c33;position:absolute;inset:0}.about-text p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.footer{border-top:1px solid #ffffff0f;padding:4rem 2rem 2rem}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;max-width:1200px;margin:0 auto 3rem;display:grid}.footer-brand{font-family:var(--font-serif);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.footer-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7}.footer-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:1rem;font-size:.8rem;font-weight:600}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted);transition:var(--transition);font-size:.9rem}.footer-links a:hover{color:var(--white)}.footer-links li{color:var(--text-muted);font-size:.9rem}.footer-map-link{transition:var(--transition);background:#c9a84c1a;border:1px solid #c9a84c33;border-radius:999px;align-items:center;gap:.4rem;margin-top:.25rem;padding:.4rem .9rem;font-weight:600;display:inline-flex;color:var(--gold)!important;font-size:.85rem!important}.footer-map-link:hover{background:#c9a84c33;color:var(--gold-light)!important}.footer-map{filter:grayscale(.3)brightness(.85);max-width:1200px;margin:2rem auto 0;padding:0 2rem;transition:filter .3s}.footer-map:hover{filter:grayscale(0)brightness()}.footer-bottom{max-width:1200px;color:var(--text-muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin:0 auto;padding-top:2rem;font-size:.8rem;display:flex}.scope-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.scope-card{background:var(--bg-card);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);border:1px solid #ffffff0f;padding:2rem}.scope-card:hover{background:var(--bg-card-hover);border-color:#c9a84c33;transform:translateY(-4px)}.scope-card-icon{margin-bottom:1rem;font-size:2rem}.scope-card-title{color:var(--white);margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.scope-card-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7}.rab-banner{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#3b1f6e66,#5b2d9e33);border:1px solid #c9a84c33;margin-bottom:2rem;padding:3rem 2rem}.rab-label{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.rab-value{font-family:var(--font-serif);color:var(--white);margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1}.rab-subtitle{color:var(--text-muted);font-size:1rem;font-style:italic}.donation-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.donation-card{background:var(--bg-card);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);border:1px solid #ffffff0f;padding:2.5rem 2rem 2rem;position:relative}.donation-card:hover{background:var(--bg-card-hover);border-color:#c9a84c33;transform:translateY(-4px)}.donation-card-step{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:2rem;height:2rem;color:var(--gray-900);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:-1rem;left:2rem}.donation-card-icon{margin-bottom:1rem;font-size:2rem}.donation-card-title{color:var(--white);margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.donation-card-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.7}.donation-card-highlight{color:var(--gold-light);border-radius:var(--radius-sm);background:#c9a84c1a;border:1px solid #c9a84c33;padding:.75rem 1rem;font-size:.9rem;font-weight:700;line-height:1.5}.copy-btn{color:var(--gold);transition:var(--transition);cursor:pointer;background:#c9a84c1a;border:1px solid #c9a84c40;border-radius:999px;align-items:center;gap:.25rem;margin-top:.75rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.copy-btn:hover{background:#c9a84c33;border-color:#c9a84c66}.copy-btn.copied{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.donation-closing{text-align:center;max-width:700px;color:var(--text-muted);margin:0 auto;font-size:1.05rem;line-height:1.8}.donation-closing strong{color:var(--gold-light)}.qris-trigger{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--gray-900);transition:var(--transition);border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #c9a84c40}.qris-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c9a84c66}.qris-modal{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.qris-modal.open{opacity:1;pointer-events:all}.qris-modal-content{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:420px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 24px 80px #00000080}.qris-modal.open .qris-modal-content{transform:scale(1)}.qris-modal-close{z-index:10;width:36px;height:36px;color:var(--gray-700);transition:var(--transition);background:#00000014;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:.75rem;right:.75rem}.qris-modal-close:hover{background:#00000026}.qris-modal-card{flex-direction:column;align-items:center;display:flex}.qris-image{width:100%;max-width:100%;height:auto;display:block}.qris-modal-info{text-align:center;background:var(--gray-900);width:100%;padding:1.25rem 1.5rem 1.5rem}.qris-modal-label{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.qris-modal-code{color:var(--white);margin-bottom:.75rem;font-size:2.5rem;font-weight:900;line-height:1}.qris-modal-note{color:var(--text-muted);font-size:.85rem;line-height:1.6}.qris-modal-note strong{color:var(--gold-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-8px)}60%{transform:translate(-50%)translateY(-4px)}}.fade-in{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.navbar-links{display:none}.navbar-links.open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0f12fa;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:1.25rem;padding:1.5rem 2rem;display:flex;position:absolute;top:100%;left:0;right:0}.menu-toggle{display:flex}.section{padding:4rem 1.25rem}.gallery-grid{grid-template-columns:1fr}.gallery-item.featured{aspect-ratio:16/10;grid-column:span 1}.about-content,.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}.countdown{gap:1rem}.info-grid{grid-template-columns:1fr 1fr}.scope-grid,.donation-grid{grid-template-columns:1fr}}@media (max-width:480px){.info-grid{grid-template-columns:1fr}.countdown-value{font-size:1.75rem}}