
<!-- Custom Css For: Website KPPBC TMP C  Pangkalpinang-->
<!-- Name : OneWebApi SaaS -->
<!-- Version : 1.9.5 -->
<!-- Owner : By Direktorat IKC -->
<!-- File Name : Modernisasi Beranda Papin 2026 -->
<!-- @12-08-2026 08:04:22 -->


:root{--papin-navy:#072b61;--papin-blue:#0b5cad;--papin-cyan:#1aa7c8;--papin-gold:#f7c843;--papin-bg:#f4f7fb;--papin-text:#172033}
html{scroll-behavior:smooth}
body{background:var(--papin-bg);color:var(--papin-text);font-family:"Poppins","Segoe UI",Arial,sans-serif}
header .headerTop{background:linear-gradient(100deg,var(--papin-navy),var(--papin-blue));color:#fff}
header #menu-1{background:rgba(255,255,255,.98);box-shadow:0 10px 30px rgba(7,43,97,.10);position:sticky;top:0;z-index:1000}
header #menu-1 a{font-weight:600;transition:color .2s ease,transform .2s ease}
header #menu-1 a:hover{color:var(--papin-blue);transform:translateY(-1px)}
main{padding-bottom:48px}
nav[aria-label="breadcrumb"],.breadcrumb{background:#fff;border:1px solid #e5ebf3;border-radius:14px;box-shadow:0 8px 24px rgba(7,43,97,.06)}
#content>.container{background:transparent}
#content .card{border:0;border-radius:18px;box-shadow:0 12px 34px rgba(7,43,97,.09);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
#content .card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(7,43,97,.14)}
#content img{border-radius:16px}
#content a img{transition:transform .25s ease,filter .25s ease}
#content a:hover img{transform:translateY(-2px);filter:saturate(1.05)}
#content h2,#content h4,#content h6{color:var(--papin-navy);font-weight:700}
#content h4{position:relative;padding-bottom:12px;margin-bottom:20px}
#content h4:after{content:"";position:absolute;left:0;bottom:0;width:54px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--papin-gold),var(--papin-cyan))}
#content .btn,#content button{border-radius:10px}
#tags{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 34px rgba(7,43,97,.08)}
#weHave{margin-top:36px;background:linear-gradient(135deg,#eef6ff,#f9fcff);border-top:1px solid #dce8f6;border-bottom:1px solid #dce8f6}
#weHave a{border-radius:16px;transition:transform .22s ease,box-shadow .22s ease}
#weHave a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(7,43,97,.12)}
footer{background:linear-gradient(135deg,#061f47,#0a3974);color:#fff}
@media(max-width:767.98px){header #menu-1{position:relative}#content .card,#tags{border-radius:14px}#content>.container{padding-left:14px;padding-right:14px}#content img{border-radius:12px}}