:root{--bg:#07050a;--bg2:#100817;--panel:#140b1b;--panel2:#1a1023;--purple:#9138ff;--pink:#ff59db;--gold:#ffd86f;--gold2:#fff2aa;--text:#fff;--muted:#cec4d6;--line:rgba(255,255,255,.1);--shadow:0 22px 60px rgba(0,0,0,.4)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(145,56,255,.16),transparent 28%),radial-gradient(circle at 95% 12%,rgba(255,89,219,.1),transparent 24%),linear-gradient(180deg,#09070d,#100916 53%,#060409);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topline{height:4px;background:linear-gradient(90deg,transparent,var(--purple),var(--gold),var(--pink),transparent);background-size:200% 100%;animation:flow 7s linear infinite}@keyframes flow{to{background-position:200% 0}}
header{position:sticky;top:0;z-index:1000;background:rgba(7,5,10,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:94px;filter:drop-shadow(0 0 17px rgba(255,216,111,.17))}nav ul{list-style:none;display:flex;gap:20px}nav a{font-size:12px;font-weight:900;color:#efe7f4}nav a:hover,nav a.active{color:var(--gold2)}.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 19px;border-radius:999px;border:1px solid rgba(255,255,255,.13);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:.22s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-login{background:rgba(255,255,255,.045)}.btn-daftar{color:#1a0e1f;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 0 26px rgba(255,216,111,.14)}.menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:20px}
.hero{min-height:540px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,3,8,.95),rgba(5,3,8,.73) 45%,rgba(5,3,8,.34)),url("https://blogger.googleusercontent.com/img/a/AVvXsEjtvSDVf5zpSG3_mTTdbE9Qz2xC3nIrs5F27WRFXMrxSMCxuMf7YV_nisWhazjrMiZCmLiObI0wwO_VrLodC5hCLTGYcho3LHhutOdIr_R_cmI9Mm5iNVcX8z973vw203sXt7cT0E1w4mA2xaIyM2k_fGgqPQzFnRNe1o3DG-dxD_e0Wj3EsK4bX3AlMoI") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 74% 18%,rgba(255,216,111,.16),transparent 21%),radial-gradient(circle at 80% 80%,rgba(145,56,255,.18),transparent 31%)}.hero-content{width:min(850px,100%);padding:84px 0}.eyebrow,.kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#dda6ff}.eyebrow{display:inline-block;padding:7px 12px;border:1px solid rgba(255,216,111,.22);border-radius:999px;background:rgba(15,8,23,.58);margin-bottom:15px}.hero h1{font-family:Poppins,Inter,sans-serif;font-size:clamp(36px,5.6vw,66px);line-height:1.08;letter-spacing:-.045em;margin-bottom:15px}.hero h1 span{background:linear-gradient(90deg,#fff,var(--gold2),#f6a7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:810px;color:#ded4e5;font-size:16px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.section{padding:76px 0}.section-head{max-width:820px;margin:0 auto 35px;text-align:center}.section-head h2{font-family:Poppins,Inter,sans-serif;font-size:clamp(27px,4vw,44px);line-height:1.14;margin:7px 0 12px;letter-spacing:-.03em}.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.article,.toc,.visual,.step,.faq-item,.cta-box,.stat,.info-box{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016));box-shadow:var(--shadow)}.card{padding:25px}.card h3{font-size:18px;margin:11px 0 7px}.card p{font-size:14px;color:#cfc4d5}.icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(145,56,255,.2),rgba(255,216,111,.12));font-size:20px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:24px;align-items:start}.article{padding:35px}.article h2{font-family:Poppins,Inter,sans-serif;font-size:28px;line-height:1.22;margin:33px 0 12px}.article h3{font-size:19px;line-height:1.35;margin:24px 0 8px}.article p{font-size:15px;color:#d1c6da;margin-bottom:14px}.article ul,.article ol{padding-left:22px;color:#d1c6da;margin:7px 0 18px}.article li{margin:6px 0}.lead{font-size:17px!important;color:#e8dfeb!important}.toc{padding:22px;position:sticky;top:105px}.toc h3{font-size:18px;margin-bottom:9px}.toc a{display:block;color:#c9bfce;font-size:13px;padding:5px 0}.toc a:hover{color:var(--gold2)}.toc hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.visual{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;padding:14px;margin:0 0 28px}.visual img{width:100%;height:100%;min-height:270px;object-fit:cover;border-radius:16px}.visual-copy{padding:17px 15px}.visual-copy h3{font-family:Poppins,Inter,sans-serif;font-size:25px;line-height:1.2;margin:5px 0 10px}.visual-copy p{font-size:14px;color:#cfc3d7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat{padding:21px;text-align:center}.stat strong{display:block;font-size:29px;line-height:1;background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:7px}.stat span{font-size:11px;color:#a79baa}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-box{padding:28px}.info-box h3{font-family:Poppins,Inter,sans-serif;font-size:25px;line-height:1.2;margin:7px 0 10px}.info-box p{font-size:14px;color:#cfc3d6}.quote{border-left:3px solid var(--gold);padding:18px 20px;margin:18px 0;background:rgba(255,255,255,.025);border-radius:12px;color:#dcd1df}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th,.table-wrap td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}.table-wrap th{color:var(--gold2);background:rgba(255,255,255,.025)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:23px}.step-no{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#241329;font-weight:900;margin-bottom:14px}.step h3{font-size:16px;margin-bottom:6px}.step p{font-size:13px;color:#bfb3c8}.faq{max-width:930px;margin:auto;display:grid;gap:11px}.faq-item{overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;position:relative;padding:18px 48px 18px 20px;font-weight:800}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:18px;top:12px;font-size:25px;color:var(--gold)}.faq-item p{padding:0 20px 20px;color:#c9bfce;font-size:14px}.cta{padding:0 0 76px}.cta-box{padding:41px;background:radial-gradient(circle at 86% 8%,rgba(255,216,111,.13),transparent 24%),radial-gradient(circle at 12% 100%,rgba(145,56,255,.18),transparent 29%),linear-gradient(135deg,#21152a,#0e0913 73%)}.cta-box h2{font-family:Poppins,Inter,sans-serif;font-size:clamp(28px,4vw,42px);line-height:1.14;margin:7px 0 12px}.cta-box p{max-width:760px;color:#d0c5d8}.pill{display:inline-block;padding:7px 10px;margin:0 6px 7px 0;border:1px solid var(--line);border-radius:999px;font-size:11px;color:#cfc3d8}.footer{border-top:1px solid var(--line);background:#060409;padding:30px 0 18px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:75px}.footer-small{font-size:11px;color:#85798e}.footer-links{display:flex;gap:13px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#bcb0c4}.disclaimer{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;color:#706472;font-size:10.5px}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{position:static}.steps{grid-template-columns:repeat(2,1fr)}.visual,.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{min-height:73px}.menu-btn{display:block}nav{display:none;position:absolute;left:4%;right:4%;top:76px;padding:12px;background:#0e0913;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}nav.open{display:block}nav ul{display:flex;flex-direction:column;gap:0}nav a{display:block;padding:11px 9px}.nav-actions{display:none}.brand img{width:77px}.hero{min-height:540px}.hero-content{padding:69px 0}.hero p{font-size:15px}.cards,.steps,.stats{grid-template-columns:1fr}.article{padding:23px}.section{padding:62px 0}.visual{padding:10px}.visual img{min-height:210px}.cta-box{padding:29px 23px}.footer-top{flex-direction:column;align-items:flex-start}}