.instansi-header{background:var(--primary-color);color:#fff;padding:0 20px 40px;text-align:center;position:relative;overflow:hidden;animation:gradientWave 15s infinite linear;margin-top:65px}.instansi-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);opacity:.5}.instansi-header-content{max-width:800px;margin:0 auto;animation:slideInFromTop .8s ease-out}.instansi-header h1{font-size:2.5em;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,0.2);opacity:.9}.instansi-header p{font-size:1.1em;margin-bottom:20px;opacity:.9}.instansi-header .search-bar{max-width:800px;margin:0 auto}.instansi-header .search-bar input{border-radius:5px;border:none;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.instansi-header .search-bar button{border-radius:5px;background-color:#fff;color:var(--primary-color);right:1px;transition:background-color .3s ease}.instansi-header .search-bar button:hover{background-color:var(--primary-color);color:#fff}.breadcrumb{margin:20px auto}.instansi-container{max-width:1100px;margin:20px auto}.instansi-container h2{font-size:2em;color:var(--accent-color);margin-bottom:10px;text-align:center}.instansi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;padding:0}.instansi-card{background:linear-gradient(145deg,#fff,#e6effb);border-radius:var(--border-radius);box-shadow:0 6px 15px rgba(0,0,0,0.08);padding:10px;display:flex;align-items:center;gap:15px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;position:relative;overflow:hidden;opacity:0;animation:fadeInScale .3s ease forwards;animation-delay:calc(var(--index) * .1s)}.instansi-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#e0ecfcc9,transparent);transition:transform .3s ease;transform:translateX(-100%)}.instansi-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);background:linear-gradient(145deg,#fff,#e0ecfc)}.instansi-card:hover::before{transform:translateX(100%)}.instansi-icon-wrapper{width:150px;height:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease;overflow:hidden;border-radius:var(--border-radius)}.instansi-card:hover .instansi-icon-wrapper{transform:scale(1.05);box-shadow:0 2px 2px rgba(0,0,0,0.1)}.instansi-icon-wrapper img{width:100%;height:100%;object-fit:cover;background-color:#e6f1ff;opacity:1;border:1px dotted #1a355e;border-radius:var(--border-radius)}.instansi-icon{font-size:3em;color:#fff}.instansi-icon-wrapper.with-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.instansi-details{flex:1}.instansi-details h3{margin:0;font-size:1.1em;color:var(--dark-text);transition:color .3s ease}.instansi-details a:hover h3{color:var(--primary-color)}.instansi-details p{margin:5px 0 0;color:var(--light-text);font-size:.9em}.instansi-details .dataset-count{margin-top:8px;font-size:.95em;color:var(--dark-text)}.instansi-details .dataset-count strong{color:var(--primary-color)}.features{max-width:1100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px auto;padding:0;background:none;border-radius:0;box-shadow:none}.feature-item{background:linear-gradient(135deg,#b3d6ff 0,#e1e9ff 100%);border:1px dotted var(--accent-color);border-radius:var(--border-radius);padding:20px;text-align:center;transition:transform .3s ease,background .3s ease;opacity:0;animation:fadeInUp .5s ease forwards;animation-delay:calc(var(--index) * .2s)}.feature-item:hover{transform:scale(1.03);background:linear-gradient(135deg,#a5cfff 0,#c7d6ff 100%)}.icon-circle{width:60px;height:60px;background:#144e8b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;transition:background .3s ease}.feature-item:hover .icon-circle{background:#4a90e2}.icon-circle i{font-size:1.8em;color:#fff}.feature-item h3{font-size:1.5em;color:#1a355e;margin:0 0 10px;font-weight:600}.feature-item p{font-size:1em;color:#4a5a75;margin:0;line-height:1.5}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientWave{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.breadcrumb{margin:20px 10px 20px 10px}.instansi-container{margin:20px 10px 20px 10px}.instansi-header{padding:20px 15px 30px;margin-top:0}.instansi-header h1{font-size:2em}.instansi-header p{font-size:1em}.instansi-grid{grid-template-columns:1fr;gap:15px}.instansi-card{padding:15px}.instansi-icon-wrapper{width:120px;height:auto}.instansi-icon{font-size:2.5em}.instansi-details h3{font-size:1.0em}.instansi-details p{font-size:.85em}.instansi-details .dataset-count{font-size:.9em}.features{gap:20px;padding:0 10px}.feature-item{padding:20px}.icon-circle{width:50px;height:50px}.icon-circle i{font-size:1.5em}.feature-item h3{font-size:1.3em}.feature-item p{font-size:.95em}}