:root{--navy-900:#0a1430;--navy-800:#0f1b3d;--navy-700:#16285a;--navy-600:#1f3573;--gold:#c9a04e;--gold-soft:#e2c179;--maroon:#7a1f2b;--maroon-soft:#a83d4b;--brown:#5c3a21;--cream:#f6efe1;--cream-2:#ede2c8;--ink:#14213d;--muted:#5b6472;--white:#ffffff;--radius:14px;--shadow-sm:0 2px 8px rgba(10, 20, 48, 0.06);--shadow-md:0 12px 32px rgba(10, 20, 48, 0.12);--shadow-lg:0 24px 60px rgba(10, 20, 48, 0.22);--ease-standard:cubic-bezier(0.2, 0, 0, 1);--ease-emphasized:cubic-bezier(0.3, 0, 0.8, 0.15);--glow-1:0 4px 14px rgba(201, 160, 78, 0.14);--glow-2:0 16px 40px rgba(201, 160, 78, 0.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:poppins,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:min(1180px,92%);margin-inline:auto}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:currentColor;opacity:.28;pointer-events:none}@media(prefers-reduced-motion:reduce){.ripple{display:none}}.reveal{opacity:0;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.nav{position:sticky;top:0;z-index:50;background:rgba(10,20,48,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,160,78,.18);transition:box-shadow .3s var(--ease-standard)}.nav.scrolled{box-shadow:var(--shadow-md)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav-logo{display:flex;align-items:center;gap:10px;color:var(--cream);font-weight:700;font-size:1.05rem;letter-spacing:.2px}.nav-logo svg{width:36px;height:36px}.nav-logo .dot{color:var(--gold)}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--cream);text-decoration:none;font-size:.92rem;font-weight:500;opacity:.85;transition:opacity .2s,color .2s}.nav-links a:hover{opacity:1;color:var(--gold-soft)}.nav-cta{position:relative;overflow:hidden;background:var(--gold);color:var(--navy-900);padding:9px 18px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(201,160,78,.35)}.nav-cta:active{transform:translateY(0)scale(.97)}.nav-toggle{display:none;background:0 0;border:0;color:var(--cream);cursor:pointer;padding:8px;margin:-8px;min-width:44px;min-height:44px}.hero{position:relative;background:linear-gradient(180deg,var(--navy-900) 0%,var(--navy-800) 100%);color:var(--cream);overflow:hidden;padding:90px 0 110px}.hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><g fill='none' stroke='%23c9a04e' stroke-width='1' opacity='0.4'><rect x='50' y='50' width='40' height='40'/><polygon points='70,38 102,70 70,102 38,70'/><circle cx='70' cy='70' r='5'/></g><g fill='%23c9a04e' opacity='0.35'><circle cx='70' cy='70' r='1.6'/><circle cx='0' cy='0' r='1.6'/><circle cx='140' cy='0' r='1.6'/><circle cx='0' cy='140' r='1.6'/><circle cx='140' cy='140' r='1.6'/></g></svg>");background-size:180px 180px;opacity:.7;pointer-events:none}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:26px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='26' viewBox='0 0 52 26'><g fill='none' stroke='%23c9a04e' stroke-width='1.2'><rect x='18' y='5' width='16' height='16'/><polygon points='26,1 38,13 26,25 14,13'/></g><circle cx='26' cy='13' r='1.6' fill='%237a1f2b'/></svg>");background-size:52px 26px;background-repeat:repeat-x;opacity:.85}.hero-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:jetbrains mono,monospace;font-size:.82rem;color:var(--gold-soft);text-transform:uppercase;letter-spacing:2px;padding:6px 14px;border:1px solid rgba(201,160,78,.35);border-radius:999px;background:rgba(201,160,78,6%)}.hero-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,160,78,.2)}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.08;margin:22px 0 18px;letter-spacing:-.02em}.hero h1 .accent{background:linear-gradient(120deg,var(--gold) 0%,var(--gold-soft) 50%,var(--maroon-soft) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:1.08rem;color:rgba(246,239,225,.78);max-width:520px;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.98rem;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard),background .2s var(--ease-standard);font-family:inherit}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:var(--navy-900)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(201,160,78,.4)}.btn-ghost{background:0 0;color:var(--cream);border-color:rgba(246,239,225,.3)}.btn-ghost:hover{background:rgba(246,239,225,8%);border-color:var(--cream)}.hero-stats{display:flex;gap:40px;margin-top:48px;padding-top:28px;border-top:1px dashed rgba(201,160,78,.25)}.hero-stats .stat strong{display:block;font-size:1.7rem;color:var(--gold);font-weight:700}.hero-stats .stat span{font-size:.82rem;color:rgba(246,239,225,.6);text-transform:uppercase;letter-spacing:1.5px}.hero-art{position:relative;aspect-ratio:1/1;max-width:460px;margin-inline:auto;display:grid;place-items:center}.hero-art-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(201,160,78,.28)}.hero-art-ring.r2{inset:10%;border-color:rgba(201,160,78,.2)}.hero-art-ring.r3{inset:22%;border-color:rgba(122,31,43,.35);border-style:dashed;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-art svg.logo-big{width:56%;height:56%;filter:drop-shadow(0 18px 40px rgba(0,0,0,.4))}section{padding:96px 0;position:relative}.section-eyebrow{font-family:jetbrains mono,monospace;font-size:.78rem;color:var(--maroon);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:12px}.section-title{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;margin:0 0 16px;color:var(--navy-800)}.section-lead{color:var(--muted);max-width:640px;font-size:1.02rem;margin:0 0 48px}.batik-divider{height:26px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='26' viewBox='0 0 52 26'><g fill='none' stroke='%23c9a04e' stroke-width='1.2'><rect x='18' y='5' width='16' height='16'/><polygon points='26,1 38,13 26,25 14,13'/></g><circle cx='26' cy='13' r='1.6' fill='%237a1f2b'/></svg>");background-size:52px 26px;background-repeat:repeat-x;opacity:.75}.about{background:var(--cream);position:relative}.about::before{content:"";position:absolute;top:-1px;left:0;right:0;height:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='32' viewBox='0 0 80 32' preserveAspectRatio='none'><path d='M0 0 L40 22 L80 0 Z' fill='%230a1430'/></svg>");background-size:80px 32px;background-repeat:repeat-x}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:32px}.about-text p{color:#3a4256;margin-bottom:16px;font-size:1.02rem}.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tag{background:var(--white);border:1px solid rgba(10,20,48,.1);padding:7px 14px;border-radius:999px;font-size:.85rem;font-weight:500;color:var(--navy-700);font-family:jetbrains mono,monospace;transition:box-shadow .2s var(--ease-standard),transform .2s var(--ease-standard)}.tag:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tag .hash{color:var(--maroon)}.about-card{background:var(--white);border-radius:20px;padding:36px;box-shadow:var(--shadow-md);position:relative;border:1px solid rgba(201,160,78,.25);overflow:hidden;transition:transform .4s var(--ease-standard),box-shadow .4s var(--ease-standard)}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.about-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--gold),var(--maroon),var(--brown),var(--gold))}.about-card .terminal{font-family:jetbrains mono,monospace;font-size:.88rem;background:var(--navy-900);color:var(--cream);padding:22px;border-radius:10px;margin-top:18px}.about-card .terminal .prompt{color:var(--gold)}.about-card .terminal .str{color:var(--gold-soft)}.about-card .terminal .key{color:#9bb4ff}.about-card h3{margin:0;color:var(--navy-800);font-size:1.15rem}.about-card .meta{color:var(--muted);font-size:.88rem;margin-top:4px}.kegiatan{background:var(--navy-900);color:var(--cream);position:relative;overflow:hidden}.kegiatan::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><g fill='none' stroke='%23c9a04e' stroke-width='1' opacity='0.18'><rect x='60' y='60' width='40' height='40'/><polygon points='80,48 112,80 80,112 48,80'/><circle cx='80' cy='80' r='5'/><rect x='-10' y='-10' width='20' height='20'/><polygon points='0,-15 15,0 0,15 -15,0'/><rect x='150' y='-10' width='20' height='20'/><polygon points='160,-15 175,0 160,15 145,0'/><rect x='-10' y='150' width='20' height='20'/><polygon points='0,145 15,160 0,175 -15,160'/><rect x='150' y='150' width='20' height='20'/><polygon points='160,145 175,160 160,175 145,160'/></g></svg>");background-size:200px 200px;pointer-events:none}.kegiatan .section-title{color:var(--cream)}.kegiatan .section-eyebrow{color:var(--gold-soft)}.kegiatan .section-lead{color:rgba(246,239,225,.65)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.card{background:rgba(246,239,225,4%);border:1px solid rgba(201,160,78,.2);border-radius:16px;padding:28px 24px;transition:transform .3s var(--ease-standard),border-color .3s var(--ease-standard),background .3s var(--ease-standard),box-shadow .3s var(--ease-standard);position:relative;overflow:hidden}.card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:translateX(-100%);transition:transform .5s}.card:hover{transform:translateY(-6px);border-color:var(--gold);background:rgba(246,239,225,7%);box-shadow:var(--glow-2)}.card:hover::after{transform:translateX(0)}.card-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--gold) 0%,var(--maroon) 100%);display:grid;place-items:center;margin-bottom:20px;color:var(--navy-900)}.card-icon svg{width:26px;height:26px}.card h3{margin:0 0 8px;font-size:1.18rem;color:var(--cream)}.card p{margin:0;font-size:.92rem;color:rgba(246,239,225,.65);line-height:1.55}.card .freq{display:inline-block;margin-top:16px;font-family:jetbrains mono,monospace;font-size:.75rem;color:var(--gold-soft);text-transform:uppercase;letter-spacing:1.5px}.galeri{background:var(--cream-2);position:relative}.galeri::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><g fill='none' stroke='%237a1f2b' stroke-width='0.8' opacity='0.08'><circle cx='20' cy='20' r='12'/><circle cx='60' cy='20' r='12'/><circle cx='20' cy='60' r='12'/><circle cx='60' cy='60' r='12'/></g></svg>");background-size:100px 100px;pointer-events:none}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.gallery-item{aspect-ratio:4/3;background:linear-gradient(135deg,#d6cbb1 0%,#c5b896 100%);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--brown);position:relative;overflow:hidden;cursor:pointer;transition:transform .3s var(--ease-standard),box-shadow .3s var(--ease-standard);border:1px solid rgba(122,31,43,.12)}.gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 12px,rgba(122,31,43,4%) 12px,rgba(122,31,43,4%) 13px);pointer-events:none}.gallery-item svg{width:40px;height:40px;opacity:.55}.gallery-item span{font-family:jetbrains mono,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.join{background:linear-gradient(180deg,var(--navy-800) 0%,var(--navy-900) 100%);color:var(--cream);position:relative;overflow:hidden}.join::before{content:"";position:absolute;top:-1px;left:0;right:0;height:24px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='24' viewBox='0 0 80 24' preserveAspectRatio='none'><path d='M0 24 L40 0 L80 24 Z' fill='%23ede2c8'/></svg>");background-size:80px 24px;background-repeat:repeat-x}.join-inner{max-width:880px;margin-inline:auto;text-align:center;position:relative}.join-inner .section-title{margin-inline:auto}.join-lead{color:rgba(246,239,225,.72);font-size:1.04rem;max-width:600px;margin:0 auto 44px}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin-bottom:40px}.channel{display:flex;align-items:center;gap:18px;padding:20px 22px;background:rgba(246,239,225,4%);border:1px solid rgba(201,160,78,.22);border-radius:14px;text-decoration:none;color:var(--cream);transition:transform .25s,border-color .25s,background .25s;position:relative}.channel:hover{transform:translateY(-3px);border-color:var(--gold);background:rgba(246,239,225,7%)}.channel-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.channel-icon svg{width:22px;height:22px}.channel-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.channel-label{font-family:jetbrains mono,monospace;font-size:.72rem;color:var(--gold-soft);text-transform:uppercase;letter-spacing:1.5px}.channel-body strong{font-size:1rem;font-weight:600;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta{font-size:.82rem;color:rgba(246,239,225,.55)}.channel-arrow{width:18px;height:18px;color:rgba(201,160,78,.6);flex-shrink:0;transition:transform .25s,color .25s}.channel:hover .channel-arrow{color:var(--gold);transform:translate(2px,-2px)}.join-foot{display:inline-flex;align-items:center;gap:16px;padding:14px 24px;border:1px dashed rgba(201,160,78,.35);border-radius:999px;font-size:.88rem;color:rgba(246,239,225,.75)}.join-foot .mono-line{font-family:jetbrains mono,monospace;color:var(--gold-soft)}.join-foot-sep{width:4px;height:4px;border-radius:50%;background:rgba(201,160,78,.5)}footer{background:var(--navy-900);color:rgba(246,239,225,.65);padding:56px 0 28px;border-top:1px solid rgba(201,160,78,.18);position:relative}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='4' viewBox='0 0 40 4' preserveAspectRatio='none'><rect width='10' height='4' fill='%23c9a04e'/><rect x='10' width='10' height='4' fill='%237a1f2b'/><rect x='20' width='10' height='4' fill='%235c3a21'/><rect x='30' width='10' height='4' fill='%23c9a04e'/></svg>");background-size:40px 4px;background-repeat:repeat-x}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:36px}.footer-brand{display:flex;align-items:center;gap:12px;color:var(--cream);font-weight:700;margin-bottom:12px}.footer-brand svg{width:40px;height:40px}.footer p{margin:0 0 14px;font-size:.92rem;line-height:1.6;max-width:380px}.footer h4{color:var(--cream);font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 16px;font-family:jetbrains mono,monospace}.footer-links{display:grid;gap:10px}.footer-links a{color:rgba(246,239,225,.65);text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;gap:10px;transition:color .2s}.footer-links a:hover{color:var(--gold-soft)}.footer-links svg{width:16px;height:16px}.footer-bottom{border-top:1px dashed rgba(201,160,78,.2);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.85rem}.footer-bottom .mono{font-family:jetbrains mono,monospace;color:var(--gold-soft)}@media(max-width:900px){.hero{padding:56px 0 80px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-art{max-width:320px;order:-1}.hero-stats{gap:20px;flex-wrap:wrap}section{padding:64px 0}.about-grid{grid-template-columns:1fr;gap:36px}.cards{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--navy-900);padding:20px;border-bottom:1px solid rgba(201,160,78,.2);gap:16px}.nav-links.open a{display:block;padding:12px 4px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:2rem}.about-card{padding:26px}.channel{padding:16px;gap:14px}.channel-icon{width:42px;height:42px}.join-foot{flex-direction:column;gap:8px;padding:14px 20px;border-radius:18px;text-align:center}.hero-stats .stat strong{font-size:1.4rem}}