/* One Kreasi Studio Theme & Component Stylesheet */
html{overflow-y:scroll}
.site-header{background-color:rgba(4,20,33,0.75);border-bottom:1px solid rgba(255,255,255,0.06);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
html[data-theme="light"] .site-header,[data-theme="light"] .site-header{background-color:rgba(255,255,255,0.94)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 4px 20px rgba(15,23,42,0.05)!important}
html[data-theme="light"] .site-header .nav-menu-link:not(.active),[data-theme="light"] .site-header .nav-menu-link:not(.active){color:#1e293b!important;background-color:transparent!important}
html[data-theme="light"] .site-header .nav-menu-link:not(.active):hover,[data-theme="light"] .site-header .nav-menu-link:not(.active):hover{color:#F9972E!important;background-color:rgba(249,151,46,0.08)!important}
html[data-theme="light"] .site-header .nav-social-btn,[data-theme="light"] .site-header .nav-social-btn{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important;box-shadow:0 1px 3px rgba(15,23,42,0.04)!important}
html[data-theme="light"] .site-header .nav-social-btn:hover,[data-theme="light"] .site-header .nav-social-btn:hover{background:#F9972E!important;border-color:#F9972E!important;color:#fff!important;box-shadow:0 4px 12px rgba(249,151,46,0.35)!important}
html[data-theme="light"] .site-header .theme-toggle-group,[data-theme="light"] .site-header .theme-toggle-group{background:#f1f5f9!important;border:1px solid #cbd5e1!important;box-shadow:inset 0 1px 3px rgba(15,23,42,0.08)!important}
html[data-theme="light"] .site-header .theme-toggle-group button:not(.btn-theme-active),[data-theme="light"] .site-header .theme-toggle-group button:not(.btn-theme-active){color:#64748b!important}
html[data-theme="light"] .site-header .theme-toggle-group button:not(.btn-theme-active):hover,[data-theme="light"] .site-header .theme-toggle-group button:not(.btn-theme-active):hover{color:#0f172a!important;background:rgba(15,23,42,0.06)!important}
html[data-theme="light"] .site-header .navbar-mobile-toggle,[data-theme="light"] .site-header .navbar-mobile-toggle{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important}
html[data-theme="dark"] .site-header,html[data-theme="semi-dark"] .site-header,[data-theme="dark"] .site-header,[data-theme="semi-dark"] .site-header{background-color:rgba(4,20,33,0.85)!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;box-shadow:0 4px 20px rgba(0,0,0,0.25)!important}
html[data-theme="dark"] .site-header .nav-menu-link:not(.active),html[data-theme="semi-dark"] .site-header .nav-menu-link:not(.active){color:#e2e8f0!important}
html[data-theme="dark"] .site-header .nav-menu-link:not(.active):hover,html[data-theme="semi-dark"] .site-header .nav-menu-link:not(.active):hover{color:#F9972E!important;background-color:rgba(255,255,255,0.05)!important}
.site-header .nav-menu-link.active{color:#F9972E!important;font-weight:700!important;background-color:rgba(249,151,46,0.12)!important}
.site-header .nav-menu-link.active .nav-menu-underline{width:calc(100% - 1.5rem)!important;opacity:1!important;box-shadow:0 0 8px rgba(249,151,46,0.65)!important}
@media (max-width:1023px){.site-header-nav-center{display:none!important}}
@media (min-width:1024px){.site-header-nav-center{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;margin:0!important;z-index:20!important}}
[data-theme="light"] .main-site-wrapper{background-color:#f8fafc!important;color:#0f172a!important}
[data-theme="light"] .detail-back-btn{background-color:#fff!important;border:1px solid #cbd5e1!important;color:#1e293b!important;box-shadow:0 1px 3px rgba(0,0,0,0.05)!important}
[data-theme="light"] .detail-back-btn:hover{background-color:#f1f5f9!important;color:#0f172a!important;border-color:#94a3b8!important}
[data-theme="light"] .detail-breadcrumbs{color:#64748b!important}
[data-theme="light"] .detail-breadcrumbs a{color:#475569!important}
[data-theme="light"] .detail-breadcrumbs a:hover{color:#F9972E!important}
[data-theme="light"] .detail-title{color:#0f172a!important}
[data-theme="light"] .detail-desc{color:#334155!important}
[data-theme="light"] .detail-btn-secondary{background-color:#fff!important;border:1px solid #cbd5e1!important;color:#1e293b!important;box-shadow:0 2px 8px rgba(0,0,0,0.04)!important}
[data-theme="light"] .detail-btn-secondary:hover{background-color:#f8fafc!important;border-color:#37B4FF!important;color:#0284c7!important}
[data-theme="light"] .detail-card{background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 20px -2px rgba(0,0,0,0.05)!important}
[data-theme="light"] .detail-card-text{color:#0f172a!important}
[data-theme="light"] .detail-card-muted{color:#64748b!important}
[data-theme="light"] .detail-subcard{background-color:#f8fafc!important;border:1px solid #e2e8f0!important}
[data-theme="light"] .detail-browser-bar{background-color:#e2e8f0!important;border-bottom:1px solid #cbd5e1!important}
[data-theme="light"] .detail-browser-url{background-color:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important}
[data-theme="light"] .detail-mockup-frame{border:1px solid #e2e8f0!important;background:linear-gradient(to bottom,#fff,#f1f5f9)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.08)!important}
[data-theme="light"] .detail-cta-box{background:linear-gradient(135deg,#041421 0%,#08243c 100%)!important;border:1px solid rgba(0,208,132,0.4)!important;box-shadow:0 20px 40px -15px rgba(0,208,132,0.15)!important}
[data-theme="light"] .detail-cta-title{color:#fff!important}
[data-theme="light"] .detail-cta-desc{color:#cbd5e1!important}
[data-theme="light"] .detail-tech-chip{background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#334155!important}
[data-theme="semi-dark"] .main-site-wrapper{background-color:#0b1626!important;color:#e2e8f0!important}
[data-theme="semi-dark"] .detail-card{background-color:rgba(15,23,42,0.7)!important;border-color:rgba(255,255,255,0.1)!important}
[data-theme="semi-dark"] .detail-mockup-frame{background:linear-gradient(to bottom,#0f2338,#0b1626)!important;border-color:rgba(255,255,255,0.15)!important}
[data-theme="semi-dark"] .detail-btn-secondary{background-color:rgba(255,255,255,0.06)!important;border-color:rgba(255,255,255,0.15)!important;color:#fff!important}
[data-theme="semi-dark"] .detail-back-btn{background-color:rgba(255,255,255,0.05)!important;border-color:rgba(255,255,255,0.1)!important;color:#cbd5e1!important}