@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap";@font-face{font-family:Quilgates;src:url(/assets/Quilgates-NZACem1K.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}.App{text-align:center}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;box-shadow:0 4px 12px #00000014;transition:background-color .3s ease,box-shadow .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.logo{height:50px;width:auto}.nav-desktop{display:flex;gap:2rem}.nav-desktop a{text-decoration:none;color:var(--color-primary);font-weight:600;position:relative;transition:color .3s ease}.nav-desktop a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--color-secondary);transition:width .3s ease}.nav-desktop a:hover{color:var(--color-secondary)}.nav-desktop a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:1.5rem;background:transparent;border:none;cursor:pointer;z-index:1010}.hamburger .bar{width:100%;height:2px;background-color:var(--color-primary);transition:all .3s ease}.hamburger.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;right:-300px;width:280px;height:100%;background-color:#fff;box-shadow:-4px 0 15px #0000001a;transition:right .4s cubic-bezier(.25,.46,.45,.94);z-index:1005;padding-top:6rem}.mobile-drawer.open{right:0}.nav-mobile{display:flex;flex-direction:column;padding:0 2rem}.nav-mobile a{text-decoration:none;color:var(--color-primary);font-size:1.2rem;padding:1rem 0;border-bottom:1px solid #f0f0f0;transition:color .3s ease}.nav-mobile a:hover{color:var(--color-secondary)}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1001;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),visibility .4s cubic-bezier(.25,.46,.45,.94)}.drawer-overlay.open{opacity:1;visibility:visible}@media(max-width:992px){.nav-desktop{display:none}.hamburger{display:flex}}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:url(/assets/images/hero.jpg) no-repeat center center/cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:20px}.hero-title{font-size:4rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.5rem;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-buttons{display:flex;justify-content:center;gap:20px}.hero-button{padding:15px 30px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s,color .3s}.hero-button.primary{background-color:#007bff;color:#fff}.hero-button.primary:hover{background-color:#0056b3}.hero-button.secondary{background-color:transparent;border:2px solid white;color:#fff}.hero-button.secondary:hover{background-color:#fff;color:#000}.rakan-strategik-section{padding:5rem 2rem;background-color:#fff;text-align:center}.rakan-strategik-title{font-family:var(--font-family-sans);font-size:2.8rem;font-weight:700;color:#333;margin-bottom:4rem}.rakan-strategik-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:stretch;max-width:1200px;margin:0 auto}.rakan-strategik-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 8px 25px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.rakan-strategik-card:hover{transform:translateY(-10px);box-shadow:0 12px 35px #0000001f}.rakan-strategik-logo{height:100px;width:100%;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:filter .4s ease,opacity .4s ease;margin-bottom:1.5rem}.rakan-strategik-card:hover .rakan-strategik-logo{filter:grayscale(0%);opacity:1}.rakan-strategik-name{font-size:.9rem;font-weight:500;color:#555;line-height:1.4}@media(max-width:768px){.rakan-strategik-section{padding:4rem 1.5rem}.rakan-strategik-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.rakan-strategik-title{font-size:2.2rem}}@media(max-width:480px){.rakan-strategik-grid{grid-template-columns:1fr}}.bazaar-ramadhan-section{display:flex;align-items:center;justify-content:space-between;padding:4rem 2rem;background-color:var(--color-light-gray);gap:2rem}.bazaar-ramadhan-content{flex:1;max-width:600px}.bazaar-ramadhan-title{font-family:var(--font-family-serif);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}.bazaar-ramadhan-text{font-size:1.125rem;line-height:1.6;color:var(--color-dark);margin-bottom:2rem}.bazaar-ramadhan-image-container{flex:1;max-width:500px}.bazaar-ramadhan-image{width:100%;border-radius:12px;box-shadow:0 8px 16px #0000001a}@media(max-width:768px){.bazaar-ramadhan-section{flex-direction:column-reverse;padding:2rem 1rem}.bazaar-ramadhan-content{text-align:center}.bazaar-ramadhan-title{font-size:2rem}.bazaar-ramadhan-text{font-size:1rem}.bazaar-ramadhan-image-container{max-width:100%}}.page-hero{background:linear-gradient(#00000080,#00000080),url(/assets/images/about.jpg) no-repeat center center/cover;padding:4rem 2rem;text-align:center;color:#fff}.page-hero-content h1{font-family:var(--font-family-serif);font-size:3rem;font-weight:700;margin-bottom:.5rem}.page-hero-content p{font-size:1.125rem}.page-hero-content a{color:#fff;text-decoration:none;transition:color .3s ease}.page-hero-content a:hover{color:var(--color-primary)}.sejarah-section{padding:6rem 2rem;background-color:#fff}.sejarah-container{max-width:800px;margin:0 auto;text-align:center}.sejarah-title{font-family:var(--font-family-sans);font-size:3rem;font-weight:700;color:#222;margin-bottom:2.5rem;position:relative}.sejarah-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--color-primary, #007bff);margin:1rem auto 0;border-radius:2px}.sejarah-content p{font-size:1.1rem;color:#555;line-height:1.9;margin-bottom:1.5rem}@media(max-width:768px){.sejarah-section{padding:4rem 1.5rem}.sejarah-title{font-size:2.4rem}.sejarah-content p{font-size:1rem}}.halatuju-perjuangan-section{padding:5rem 2rem;background-color:#f8f9fa}.container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.section-headline{text-align:center;font-size:2.8rem;font-weight:700;margin-bottom:3.5rem;font-family:var(--font-family-sans);color:#333}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.card:hover{transform:translateY(-8px)}.perjuangan{border-left:5px solid #007bff}.halatuju{border-left:5px solid #28a745}.card-icon{font-size:3rem;margin-bottom:1.5rem;line-height:1}.card-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#333}.card-text{font-size:1rem;line-height:1.7;color:#666}@media(max-width:992px){.content-grid{grid-template-columns:1fr}.section-headline{font-size:2.5rem}}@media(max-width:480px){.halatuju-perjuangan-section{padding:4rem 1.5rem}.section-headline{font-size:2.2rem}.card{padding:2rem}}.peranan-kerjasama-section{padding:6rem 2rem;background-color:#f9f9f9}.peranan-kerjasama-container{max-width:1200px;margin:0 auto}.peranan-kerjasama-title{font-family:var(--font-family-sans);font-size:3rem;font-weight:700;text-align:center;margin-bottom:4rem;color:#222;position:relative}.peranan-kerjasama-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--color-primary, #007bff);margin:1rem auto 0;border-radius:2px}.peranan-kerjasama-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.peranan-kerjasama-item{background-color:#fff;border-radius:12px;padding:2.5rem;text-align:center;box-shadow:0 8px 24px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.peranan-kerjasama-item:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001a}.peranan-kerjasama-logo img{max-height:80px;margin-bottom:2rem}.peranan-kerjasama-text p{margin:0;font-size:1rem;color:#555;line-height:1.7}@media(max-width:768px){.peranan-kerjasama-section{padding:4rem 1.5rem}.peranan-kerjasama-title{font-size:2.4rem}}.team-section{padding:4rem 2rem;background-color:#f9f9f9}.team-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--color-primary)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.team-card{background-color:var(--color-light);border-radius:12px;box-shadow:0 8px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.team-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}.team-card-content{text-align:center}.team-card-name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-dark)}.team-card-position{font-size:1rem;color:var(--color-primary)}.article-grid-section{padding:40px 20px;background-color:#f9f9f9}.article-grid-container{max-width:1200px;margin:0 auto}.article-grid-title{text-align:center;font-size:2rem;margin-bottom:40px}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.article-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.article-card:hover{transform:translateY(-5px)}.article-card-image img{width:100%;height:200px;object-fit:cover}.article-card-content{padding:20px}.article-card-title{font-size:1.25rem;margin-bottom:10px}.article-card-excerpt{font-size:1rem;color:#555;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card-link{display:inline-block;font-weight:700;color:#007bff;text-decoration:none}.article-card-link:hover{text-decoration:underline}.pendaftaran-container{display:flex;justify-content:center;align-items:flex-start;padding:4rem 2rem;gap:2rem;max-width:1200px;margin:0 auto}.pendaftaran-form-container{flex:2;background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 8px #0000001a}.pendaftaran-form-container h2{text-align:center;font-family:var(--font-family-serif);font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1rem;font-weight:600;color:var(--color-dark);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.submit-btn{display:block;width:100%;padding:1rem;background-color:var(--color-primary);color:#fff;font-size:1.125rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#a88a62}.pendaftaran-info-container{flex:1;padding:2.5rem;background-color:#f9f9f9;border-radius:12px;text-align:center}.pendaftaran-info-container h2{font-family:var(--font-family-serif);font-size:1.8rem;color:var(--color-primary);margin-bottom:1rem}.pendaftaran-info-container p{margin-bottom:1.5rem;line-height:1.6}.pendaftaran-info-container img{max-width:250px;margin:0 auto}@media(max-width:768px){.pendaftaran-container{flex-direction:column;padding:2rem 1rem}.pendaftaran-form-container,.pendaftaran-info-container{flex:1;width:100%}}.article-page-container{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.article-content{line-height:1.6}.article-title{font-size:2.5rem;margin-bottom:20px}.article-meta{font-size:.9rem;color:#777;margin-bottom:20px}.article-image-container{margin-bottom:20px}.article-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px}.article-body{font-size:1.1rem}.article-body h1,.article-body h2,.article-body h3{margin-top:40px;margin-bottom:20px}.article-body p{margin-bottom:20px}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.error-message{color:red;text-align:center}.footer{background-color:var(--color-footer-bg);color:var(--color-light);padding:3rem 2rem 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem;text-align:center}.footer-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-primary)}.footer-section p{font-size:1rem;line-height:1.6}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid #444;font-size:.9rem;color:#aaa}:root{--color-primary: #c2a374;--color-secondary: #8c6e4a;--color-dark: #333333;--color-light: #ffffff;--color-background: #fdfcfa;--color-footer-bg: #2d2d2d;--font-family-sans: "Montserrat", sans-serif;--font-family-display: "Quilgates", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);color:var(--color-dark);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.container{width:90%;max-width:1200px;margin:0 auto;padding:2rem 0}