:root{
  --brand:#0d6efd;
  --brand-dark:#0a58ca;
  --ink:#172033;
  --muted:#6c757d;
  --soft:#f5f8fc;
  --card:#ffffff;
  --border:#e7edf5;
}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
.navbar-brand{font-weight:800;letter-spacing:-.5px}
.hero{
  background:
  radial-gradient(circle at 85% 15%, rgba(13,110,253,.16), transparent 28%),
  radial-gradient(circle at 15% 85%, rgba(111,66,193,.12), transparent 25%),
  linear-gradient(180deg,#f8fbff 0%,#fff 100%);
  padding:7rem 0 5rem;
}
.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);font-weight:800;line-height:1.02;letter-spacing:-2px}
.hero p{font-size:1.15rem;color:var(--muted);max-width:720px}
.badge-soft{background:#eaf2ff;color:#0b5ed7;border:1px solid #d7e7ff}
.section-pad{padding:5rem 0}
.card{border:1px solid var(--border);box-shadow:0 12px 40px rgba(18,38,63,.06)}
.card-hover{transition:.2s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(18,38,63,.10)}
.icon-box{width:52px;height:52px;border-radius:14px;background:#eaf2ff;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.article-cover{height:210px;object-fit:cover;width:100%;background:linear-gradient(135deg,#eaf2ff,#eef0ff)}
.footer{background:#0e1626;color:#b8c3d6}
.footer a{color:#d6deeb;text-decoration:none}
.footer a:hover{color:#fff}
.auth-wrap{min-height:calc(100vh - 72px);display:flex;align-items:center;background:linear-gradient(135deg,#f8fbff,#f5f6fb)}
.auth-card{max-width:460px;width:100%;margin:auto}
.sidebar{min-height:calc(100vh - 72px);background:#101827;color:#cbd5e1}
.sidebar a{display:block;padding:.75rem 1rem;border-radius:.65rem;color:#cbd5e1;text-decoration:none}
.sidebar a:hover,.sidebar a.active{background:#1f2a3d;color:#fff}
.stat-card h3{font-weight:800}
.page-hero{background:#f7faff;padding:4rem 0;border-bottom:1px solid var(--border)}
.prose{font-size:1.08rem;line-height:1.85}
.prose h2,.prose h3{margin-top:2rem;font-weight:750}
.download-box{border:1px dashed #b8c7da;background:#f8fbff}
@media(max-width:991px){.hero{padding-top:5rem}.sidebar{min-height:auto}}


/* TANGKASNET content pages */
.about-visual,.detail-cover{object-fit:cover;width:100%}
.mini-stat{height:100%;padding:1rem;border:1px solid var(--border);border-radius:16px;background:#fff}
.mini-stat strong{display:block;font-size:1.55rem;color:var(--brand)}
.mini-stat span{font-size:.86rem;color:var(--muted)}
.cta-panel{border:1px solid var(--border);background:linear-gradient(135deg,#f8fbff,#eef5ff)}
.article-card .article-image{width:100%;height:220px;object-fit:cover;display:block;transition:transform .25s ease}
.article-card:hover .article-image{transform:scale(1.025)}
.article-title{max-width:900px}
.download-card{transition:.2s ease}
.download-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(18,38,63,.10)}
.download-image-wrap{background:#f4f7fb;padding:1rem;border-bottom:1px solid var(--border)}
.download-image-wrap img{width:100%;height:112px;object-fit:contain}
.platform-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.55rem}
.android-icon{background:#e8f8ef;color:#198754}.windows-icon{background:#eaf2ff;color:#0d6efd}.java-icon{background:#fff3e5;color:#c96a00}
.download-meta{list-style:none;padding:0;margin:0 0 1.25rem;border-top:1px solid var(--border)}
.download-meta li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.92rem}
.download-meta span{color:var(--muted)}
@media(max-width:575px){.article-card .article-image{height:190px}.download-image-wrap img{height:90px}}
.navbar .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.navbar .nav-link::after,
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
    content: none !important;
    display: none !important;
}