@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090b13;--card:#141722;--panel:#1b1e2c;--line:rgba(255,255,255,.12);--ink:#f5f5f8;--muted:#b9bdc9;--gold:#f6bd65;--gold2:#ffdd9c;--purple:#6755bc;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:hover{color:var(--gold2)}button,input{font:inherit}button{cursor:pointer}.container{width:min(1200px,calc(100% - 42px));margin:0 auto}.utility{border-bottom:1px solid var(--line);background:#10111b;color:#d2d2df;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.utility .inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0}.utility .note{display:flex;gap:8px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d6ab62;box-shadow:0 0 14px #e7ad66}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(9,11,19,.97);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.10)}.nav{min-height:84px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:264px;height:auto;max-height:64px;object-fit:contain;object-position:left}.navlinks{display:flex;align-items:center;gap:21px;margin:auto}.navlinks a{font-weight:800;font-size:12px;color:#d8d9e4;white-space:nowrap;transition:.2s}.navlinks a[aria-current=page],.navlinks a:hover{color:var(--gold)}.navbtn{white-space:nowrap;border:1px solid #bf934c;color:#11131b;background:linear-gradient(110deg,#f2b458,#ffe3a0);padding:12px 18px;border-radius:11px;font-size:12px;font-weight:900;transition:transform .2s}.navbtn:hover{transform:translateY(-2px);color:#090b13}.mobile-menu{display:none;background:none;color:white;border:1px solid var(--line);padding:9px 12px;border-radius:9px;font-size:20px}.hero{background:linear-gradient(90deg,rgba(7,9,17,.94) 0%,rgba(9,10,18,.79) 34%,rgba(8,9,15,.2) 70%),url('/assets/images/mobile-hero.webp') center/cover no-repeat;min-height:565px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero .hero-inner{padding:84px 0 96px}.eyebrow{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:900}.hero h1{font-size:clamp(35px,4.7vw,67px);max-width:720px;line-height:1.15;letter-spacing:-.045em;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:605px;color:#d6d7dd;font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:11px;font-size:13px;font-weight:850;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(100deg,#f4b34d,#ffe5a7);color:#16151a}.btn-gold:hover{color:#111}.btn-line{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.04)}.btn-line:hover{border-color:var(--gold);color:var(--gold)}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;max-width:600px}.hero-tags span{border:1px solid rgba(255,255,255,.15);border-radius:30px;color:#cbd0dd;font-size:11px;padding:7px 12px;background:rgba(9,11,20,.46)}.section{padding:64px 0}.section-tight{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:0 0 28px}.section-head h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.04em;line-height:1.24;margin:11px 0 0}.section-head p{max-width:570px;color:var(--muted);font-size:13px;margin:12px 0 0}.section-link{font-size:12px;color:var(--gold);font-weight:800;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature{padding:24px;background:linear-gradient(140deg,#191c2c,#11121b);border:1px solid var(--line);border-radius:17px;min-height:170px}.num{font-size:12px;letter-spacing:.16em;color:var(--gold);font-weight:900}.feature h3{font-size:16px;letter-spacing:-.02em;margin:14px 0 10px}.feature p{font-size:12px;color:var(--muted);margin:0}.card{position:relative;overflow:hidden;border:1px solid var(--line);background:#151722;border-radius:17px;padding:23px;display:flex;flex-direction:column;gap:11px;min-height:205px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:rgba(246,189,101,.57)}.card .category{font-size:10px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-weight:900}.card h3{margin:0;font-size:17px;line-height:1.3}.card p{color:var(--muted);font-size:12px;margin:0;flex:1}.card .more{font-size:11px;font-weight:900;color:var(--gold);margin-top:10px}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.media{border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:#181a22}.media img{display:block;width:100%;height:395px;object-fit:cover}.split h2{margin:10px 0 16px;font-size:clamp(24px,2.8vw,39px);line-height:1.22;letter-spacing:-.04em}.split p{color:var(--muted);font-size:13px}.list-check{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:11px}.list-check li{display:flex;gap:12px;align-items:flex-start;color:#d7d9e2;font-size:13px}.list-check li:before{content:'✓';display:grid;place-items:center;background:#2e2931;color:var(--gold);border:1px solid #967447;border-radius:50%;flex:0 0 22px;height:22px;font-weight:800}.banner{padding:36px;border:1px solid #a47b41;background:linear-gradient(110deg,rgba(52,42,29,.7),rgba(15,18,31,.95)),url('/assets/images/mobile-overview.webp') center/cover;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:24px}.banner h2{font-size:27px;letter-spacing:-.03em;margin:0 0 7px}.banner p{margin:0;color:#c9ced8;font-size:12px}.foot{padding:55px 0 28px;background:#0e1019;border-top:1px solid var(--line)}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.foot-brand{max-width:250px}.foot p{font-size:12px;color:#9fa3b0}.foot h4{margin:0 0 15px;text-transform:uppercase;color:#e9eaf0;letter-spacing:.14em;font-size:11px}.foot a{display:block;font-size:12px;color:#aeb3c2;margin:8px 0}.foot a:hover{color:var(--gold)}.foot-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#999eaf;font-size:11px}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#10121e 0%,rgba(15,16,28,.89) 47%,rgba(15,16,25,.48) 100%),url('/assets/images/mobile-overview.webp') right center/cover;min-height:315px;display:flex;align-items:center}.page-hero .container{padding:44px 0}.breadcrumb{color:#aeb4c2;font-size:11px}.breadcrumb a{color:var(--gold)}.page-hero h1{font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;line-height:1.18;margin:22px 0 12px;max-width:850px}.page-hero p{color:#d5d7e2;max-width:720px;font-size:14px}.layout-article{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:28px;padding:55px 0}.article-panel{border:1px solid var(--line);border-radius:20px;background:#141621;padding:30px}.article-panel h2{font-size:24px;line-height:1.3;margin:6px 0 15px}.article-panel h3{font-size:18px;margin-top:30px}.article-panel p{color:#b8bcca;font-size:13px;line-height:1.9}.steps{counter-reset:step;display:grid;gap:12px;margin:22px 0}.step{display:grid;grid-template-columns:42px 1fr;gap:13px;border:1px solid rgba(255,255,255,.11);background:#191b2a;border-radius:12px;padding:15px}.step .stepnum{width:38px;height:38px;border-radius:11px;background:#342b22;border:1px solid #a77f44;color:#ffd58c;font-weight:850;display:grid;place-items:center}.step strong{font-size:13px}.step p{margin:4px 0 0;font-size:12px}.sidebar{position:sticky;top:110px;border:1px solid var(--line);border-radius:17px;padding:21px;background:#161925}.sidebar h3{font-size:14px;margin:0 0 14px}.sidebar a{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding:12px 0;font-size:12px;color:#ccd0dd}.sidebar a:hover{color:var(--gold)}.sidebadge{font-size:10px;color:#d2a862;letter-spacing:.12em}.notice{border-left:3px solid var(--gold);border-radius:0 12px 12px 0;background:#24201e;color:#d7c7ad;padding:14px 17px;font-size:12px;line-height:1.65;margin:25px 0}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);padding:14px 17px;border-radius:11px;background:#191b27}.faq-list summary{cursor:pointer;font-size:13px;font-weight:800}.faq-list p{margin:10px 0 0;font-size:12px;color:#bbc0cb}.directory-group{margin-top:35px}.directory-group h2{font-size:20px}.directory-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.directory-links a{border:1px solid var(--line);border-radius:10px;background:#151825;padding:11px;color:#d8d9e3;font-size:12px}.directory-links a:hover{border-color:var(--gold)}.search-box{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#1a1b28;padding:9px 14px;border-radius:12px;max-width:520px;margin:18px 0 28px}.search-box input{background:none;border:0;outline:0;color:white;min-height:28px;width:100%}.tiny-label{display:inline-flex;color:#d5b276;background:#2c251e;border:1px solid #705733;padding:5px 11px;border-radius:50px;font-size:10px;font-weight:800;margin-top:12px}.demo-footer{display:inline;color:#b39b74;font-size:11px}.errorish{border:1px solid #6e5b47;background:#1b1a1d;padding:20px;border-radius:12px;color:#d8c3a6;font-size:13px}.search-empty{padding:18px;color:var(--muted);font-size:13px}.dark-glow{background:radial-gradient(ellipse at 90% 20%,#26213d 0,transparent 48%),#0b0d16}.anchor-mini{color:#f2c37e!important;font-weight:800}.focus:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ffd18d;outline-offset:2px}@media(max-width:1100px){.navlinks{gap:11px}.navlinks a{font-size:11px}.brand img{width:210px}}@media(max-width:920px){.mobile-menu{display:block;margin-left:auto}.navlinks{position:absolute;top:83px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:22px;background:#131521;border-bottom:1px solid var(--line);gap:0}.navlinks.is-open{display:flex}.navlinks a{font-size:13px;padding:11px 0}.navbtn{display:none}.four-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.split{gap:25px}.layout-article{grid-template-columns:1fr}.sidebar{position:static}.foot-grid{grid-template-columns:1.5fr 1fr;row-gap:30px}.directory-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 30px,1200px)}.utility .inner{font-size:9px}.utility .minor{display:none}.nav{min-height:72px}.brand img{width:220px}.navlinks{top:71px}.hero{min-height:520px;background-position:58% center}.hero .hero-inner{padding:68px 0 62px}.hero h1{font-size:37px;max-width:540px}.hero p{font-size:13px}.section{padding:48px 0}.section-head{flex-direction:column;align-items:flex-start;gap:14px}.grid,.four-grid,.split{grid-template-columns:1fr}.split .media img{height:300px}.card{min-height:175px}.banner{padding:24px;flex-direction:column;align-items:flex-start}.banner h2{font-size:23px}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:span 2}.foot-bottom{flex-direction:column}.page-hero{min-height:280px}.article-panel{padding:19px}.directory-links{grid-template-columns:1fr}.layout-article{padding:34px 0}}
/* SRIWIJAYATOTO rebrand: user-provided original logo and live external account links. */
.nav{gap:17px}.brand img{width:213px;max-height:68px;object-fit:contain}.navlinks{gap:12px}
.auth-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.auth-btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 15px;border-radius:9px;font-weight:800;font-size:12px;line-height:1.25;white-space:nowrap;transition:filter .2s,transform .2s}
.auth-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.auth-login{background:transparent;border:1px solid #dbb367;color:#f5d49a}
.auth-register{background:linear-gradient(110deg,#d89c37,#fbe0a1);border:1px solid #f7d388;color:#17120a}
.mobile-auth{display:none}
.foot-brand{max-width:225px;height:auto;object-fit:contain}
@media(max-width:1160px){.navlinks{gap:9px}.navlinks a{font-size:10px}.auth-btn{padding:10px 11px}.brand img{width:190px}}
@media(max-width:920px){.auth-actions{display:none}.mobile-auth{display:flex!important;align-items:center;justify-content:center;text-align:center;margin:9px 0 2px;border-radius:10px;font-weight:800!important;font-size:14px!important;padding:12px!important}.mobile-login{border:1px solid #dbb367;color:#f5d49a}.mobile-register{background:linear-gradient(110deg,#d89c37,#fbe0a1);color:#16120c!important}.brand img{width:220px}}
@media(max-width:420px){.brand img{width:197px}}