.bidang-card{position:relative;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex!important;flex-direction:column!important;border:2px solid rgba(255,255,255,.5)!important;margin:0!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:clamp(160px,22vw,260px)}.bidang-card:hover{background:rgba(255,255,255,.95)!important;transform:translateY(-4px)!important;box-shadow:0 15px 40px rgba(0,0,0,.2)!important;border-color:rgba(255,255,255,.8)!important;z-index:20!important;position:relative!important}.bidang-glass-icon{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(50px,11vw,80px)!important;height:clamp(50px,11vw,80px)!important}.bidang-glass-icon:hover{background:rgba(255,255,255,.4)!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 12px 30px rgba(255,255,255,.4)!important;border-color:rgba(255,255,255,.6)!important}.bidang-card .hover-icon{transform:scale(0) rotate(-180deg);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.bidang-card:hover .hover-icon{transform:scale(1) rotate(0deg)}@media (max-width:768px){.bidang-card:hover{transform:translateY(-2px)!important}.bidang-glass-icon:hover{transform:scale(1.02)!important}@media (max-width:480px){.bidang-card{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important}.bidang-glass-icon{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}}}@media (hover:none) and (pointer:coarse){.bidang-card:active{transform:translateY(-2px)!important;transition:all .15s ease!important}.bidang-glass-icon:active{transform:scale(.98)!important;transition:all .15s ease!important}}@media (min-width:1200px){.bidang-card{min-height:260px!important;max-height:300px!important}.bidang-glass-icon{width:80px!important;height:80px!important}}@media (min-width:992px) and (max-width:1199px){.bidang-card{min-height:240px!important;max-height:280px!important}.bidang-glass-icon{width:75px!important;height:75px!important}}@media (min-width:769px) and (max-width:991px){.bidang-card{min-height:220px!important;max-height:260px!important}.bidang-card:hover{transform:translateY(-4px)!important}.bidang-glass-icon{width:70px!important;height:70px!important}}@media (min-width:577px) and (max-width:768px){.bidang-card{min-height:200px!important;max-height:240px!important}.bidang-card:hover{transform:translateY(-4px)!important}.bidang-glass-icon{width:65px!important;height:65px!important}}@media (max-width:576px){.bidang-card{min-height:180px!important;max-height:220px!important;padding:1rem!important}.bidang-card:hover{transform:translateY(-2px)!important}.bidang-glass-icon{width:60px!important;height:60px!important}.bidang-section-title{font-size:1.8rem!important}}@media (max-width:768px){.hero-container{padding:clamp(1rem,4vw,2rem)!important}}@media (max-width:480px){.hero-container{padding:1rem!important}}.bidang-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease-in-out;z-index:1}.bidang-card:hover:before{left:100%}.bidang-card{transform-origin:center!important;will-change:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.responsive-spacing{margin-bottom:clamp(1rem,3vw,2rem)}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:clamp(1rem,4vw,4rem);box-sizing:border-box}.text-shadow-light{text-shadow:1px 1px 2px rgba(0,0,0,.3)}.text-shadow-medium{text-shadow:2px 2px 4px rgba(0,0,0,.4)}.text-shadow-strong{text-shadow:2px 2px 8px rgba(0,0,0,.5)}.responsive-grid{gap:clamp(1rem,2vw,2rem)!important}@supports not (backdrop-filter:blur(25px)){.bidang-card{background:rgba(255,255,255,.9)!important}.bidang-glass-icon{background:rgba(255,255,255,.8)!important}}.misi-scroll-container::-webkit-scrollbar{height:6px}.misi-scroll-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.misi-scroll-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.misi-scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width:768px){.misi-scroll-container::-webkit-scrollbar{display:none}.misi-scroll-container{-ms-overflow-style:none;scrollbar-width:none}}@media print{.bidang-card{background:white!important;border:1px solid #ccc!important;box-shadow:none!important}}