:root{--night:#07071c;--surface:#fffaff;--muted:#655d78;--line:#e8dceb;--pink:#ff2f91;--pink-dark:#d91c72;--purple:#6d35d5;--cyan:#23d7c3;--shadow:0 26px 80px rgba(25,11,47,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-height:100vh;overflow-x:hidden;color:#17112f;background:radial-gradient(circle at 8% 5%,rgba(109,53,213,.23),transparent 24rem),radial-gradient(circle at 94% 14%,rgba(255,47,145,.18),transparent 28rem),#efebf2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}a{color:var(--purple)}button,a{-webkit-tap-highlight-color:transparent}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;width:0;z-index:20;background:linear-gradient(90deg,var(--cyan),var(--pink))}
.topbar{position:sticky;top:0;z-index:15;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,7,28,.92);color:#fff;backdrop-filter:blur(16px)}.topbar-inner{max-width:1180px;min-height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:850;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--purple),var(--pink));box-shadow:0 8px 22px rgba(255,47,145,.3)}.brand-mark svg{width:20px}.brand small{display:block;color:#a9a2c0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:10px}.other-document{color:#d8d3e5;font-size:13px;font-weight:700;text-decoration:none;padding:8px 11px}.other-document:hover{color:#fff}.language-switch{display:inline-flex;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06)}.language-switch button{border:0;border-radius:999px;padding:7px 12px;color:#aaa3bc;background:transparent;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.language-switch button[aria-pressed=true]{color:#fff;background:var(--pink);box-shadow:0 5px 14px rgba(255,47,145,.28)}
.hero{overflow:hidden;position:relative;color:#fff;background:linear-gradient(145deg,#08071f 0%,#16083a 58%,#310c3d 100%)}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:34px;transform:rotate(34deg)}.hero:before{width:280px;height:280px;right:-80px;top:-120px;box-shadow:0 0 90px rgba(255,47,145,.16) inset}.hero:after{width:160px;height:160px;left:-70px;bottom:-100px}.hero-inner{max-width:1180px;min-height:390px;margin:auto;padding:72px 24px 64px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:72px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#f6c6df;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--pink)}h1{max-width:760px;margin:0 0 18px;font-size:clamp(2.25rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em}.hero-copy{max-width:680px;margin:0;color:#c8c1d8;font-size:clamp(1rem,1.5vw,1.15rem)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.meta-pill{padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#d8d3e5;background:rgba(255,255,255,.06);font-size:11px;font-weight:750}.hero-orbit{aspect-ratio:1;position:relative;display:grid;place-items:center}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.hero-orbit:before{inset:8%}.hero-orbit:after{inset:22%;border-color:rgba(35,215,195,.28)}.hero-icon{width:126px;height:126px;display:grid;place-items:center;position:relative;z-index:2;border-radius:38px;background:linear-gradient(145deg,rgba(109,53,213,.96),rgba(255,47,145,.96));box-shadow:0 28px 65px rgba(255,47,145,.32);transform:rotate(-6deg)}.hero-icon svg{width:64px;color:#fff}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);top:18%;right:17%}
.page-shell{max-width:1180px;margin:-34px auto 80px;padding:0 24px;position:relative;z-index:3;display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}.toc,.document{min-width:0;max-width:100%;background:rgba(255,250,255,.98);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow)}.toc{position:sticky;top:96px;padding:22px;border-radius:24px}.toc-label{margin:0 0 12px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.toc nav{display:grid;min-width:0;max-width:100%;gap:3px}.toc a{padding:8px 10px;border-radius:9px;color:#5d5571;font-size:13px;line-height:1.35;font-weight:700;text-decoration:none}.toc a:hover,.toc a.active{color:var(--pink-dark);background:#fff0f7}.toc-note{margin-top:18px;padding:14px;border-radius:14px;color:#5e5670;background:#f7f1fa;font-size:12px;line-height:1.55}.document{border-radius:30px;overflow:hidden}.document-intro{padding:42px 48px 30px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fffaff,#f8f0fa)}.document-intro h2{margin:0 0 10px;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.2;letter-spacing:-.035em}.document-intro p{margin:0;color:var(--muted)}.notice{margin-top:22px;padding:16px 18px;border:1px solid #d7c9ec;border-radius:15px;background:#f5f0ff;color:#4e386f;font-size:13px}.sections,.legal-section{min-width:0;max-width:100%}.sections{padding:10px 48px 48px}.legal-section{padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:92px}.legal-section:last-child{border:0;padding-bottom:8px}.section-number{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--purple),var(--pink));font-size:12px;font-weight:900}.legal-section h2{margin:0 0 13px;font-size:1.28rem;line-height:1.3;letter-spacing:-.025em}.legal-section h3{margin:22px 0 7px;font-size:1rem}.legal-section p{margin:0 0 13px;color:#4f475f}.legal-section ul{margin:10px 0 14px;padding:0;list-style:none;display:grid;gap:9px}.legal-section li{position:relative;padding-left:22px;color:#4f475f}.legal-section li:before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #ffe5f2}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.info-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.info-card strong{display:block;margin-bottom:4px;font-size:13px}.info-card span{display:block;color:var(--muted);font-size:12px;line-height:1.55}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#17103e,#35103d)}.contact-card strong{display:block;font-size:1.05rem}.contact-card span{color:#c9c2d8;font-size:13px}.contact-card a{flex:0 0 auto;max-width:100%;overflow-wrap:anywhere;padding:10px 14px;border-radius:11px;color:#fff;background:var(--pink);font-size:12px;font-weight:850;text-decoration:none}.footer{padding:30px 24px 46px;color:#716a7e;text-align:center;font-size:12px}.footer a{font-weight:800;text-decoration:none}[data-copy]{display:none}body[data-language=id] [data-copy=id],body[data-language=en] [data-copy=en]{display:revert}
@media(max-width:880px){.hero-inner{min-height:auto;grid-template-columns:1fr;padding-top:56px}.hero-orbit{display:none}.page-shell{grid-template-columns:minmax(0,1fr);margin-top:-24px}.toc{position:static;overflow:hidden;padding:16px}.toc nav{display:flex;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:3px;scrollbar-width:thin}.toc a{flex:0 0 auto;white-space:nowrap}.toc-note{display:none}}@media(max-width:620px){.topbar-inner{min-height:64px;padding:0 15px}.brand>span:last-child,.other-document{display:none}.hero-inner{padding:46px 18px 54px}.hero-meta{gap:7px}.page-shell{padding:0 10px;margin-bottom:40px}.document{border-radius:22px}.document-intro{padding:29px 22px 23px}.sections{padding:0 22px 30px}.legal-section{padding:28px 0}.info-grid{grid-template-columns:1fr}.contact-card{align-items:flex-start;flex-direction:column}.contact-card a{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}