[x-cloak]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Tombol WhatsApp melayang */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-weight:600;font-size:14px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 10px 30px rgba(37,211,102,.4);text-decoration:none}
.wa-float svg{width:26px;height:26px}
.wa-float:hover{filter:brightness(1.08)}
@media (max-width:640px){.wa-float span{display:none}.wa-float{padding:14px}}

/* Hero pattern */
.hero-bg{background-color:#2d6daa;background-image:linear-gradient(160deg,rgba(58,54,190,.82),rgba(38,96,155,.96)),url('../../uploads/hero/bg-pattern.png');background-size:cover;background-position:center}

/* Carousel snap */
.snap-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin}
.snap-row>*{scroll-snap-align:start;flex:0 0 auto}

/* Konten HTML (halaman & extra) */
.prose-content h1,.prose-content h2,.prose-content h3{font-weight:800;color:#1e476f;line-height:1.2;margin:1.2em 0 .5em}
.prose-content h1{font-size:2rem}.prose-content h2{font-size:1.6rem}.prose-content h3{font-size:1.25rem}
.prose-content p{margin:.6em 0;line-height:1.7}
.prose-content ul{list-style:disc;padding-left:1.4em;margin:.6em 0}
.prose-content a{color:#2d6daa;text-decoration:underline}
.prose-content img{max-width:100%;height:auto;border-radius:14px}
.prose-content .text-center{text-align:center}
.prose-content .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:1.5em 0}
.prose-content figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.prose-content figcaption{padding:10px;text-align:center;font-size:14px;color:#475569}
.prose-content .btn,.prose-content a.btn{display:inline-block;background:#2d6daa;color:#fff;font-weight:700;padding:12px 26px;border-radius:999px;text-decoration:none}
.prose-content .video{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000;margin:1.2em 0}
.prose-content .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Soal try out */
.q-intro img{max-width:100%;height:auto;border-radius:10px;margin:8px 0}
.q-opt img{max-height:120px;width:auto}
.q-opt input:checked+span{border-color:#2d6daa;background:#eef4fb;box-shadow:0 0 0 2px #2d6daa inset}
.q-opt input:focus-visible+span{outline:2px solid #2d6daa;outline-offset:2px}

/* Milestone angka */
.milestone{font-size:3.6rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:#2d6daa}
.milestone small{font-size:1.4rem;font-weight:700;margin-left:4px;color:#6c37d6}