@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.nav-container{width:100%;position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(15,142,200,.08);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.nav-container:after{content:"";display:none}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 2rem;max-width:1400px;margin:0 auto;position:relative}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease}.nav-logo:hover{opacity:.85;transform:scale(.98)}.nav-logo-desktop{height:50px;width:auto;display:block}.nav-logo-mobile{height:42px;width:auto;display:none}.nav-links{display:flex;align-items:center;list-style:none;gap:.25rem;margin:0;padding:0;flex-direction:row}.desktop-nav-links{display:flex}.mobile-nav-links{display:none}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.125rem;font-size:.9375rem;font-weight:500;color:#1e293b;text-decoration:none;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);background:transparent;border:none;cursor:pointer;font-family:inherit;position:relative;letter-spacing:-.01em}.nav-link:before{content:"";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:#0f8ec8;border-radius:2px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:#0f8ec8;background:#0f8ec80f}.nav-link:hover:before{transform:translate(-50%) scaleX(1)}.nav-link.active{color:#0f8ec8;background:#0f8ec81a;font-weight:600}.nav-link.active:before{transform:translate(-50%) scaleX(1)}.dropdown{position:relative}.dropdown-checkbox{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;white-space:nowrap!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.dropdown-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}.dropdown-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;opacity:.7}@media(max-width:768px){.mobile-nav-links .dropdown-icon{opacity:1!important}}.dropdown:hover .dropdown-icon{opacity:1}.dropdown:hover .dropdown-toggle .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%) translateY(-12px) scale(.95);background:#fff;width:max-content;min-width:100%;max-width:260px;list-style:none;padding:.5rem;margin:0;border-radius:14px;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000f;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1001;border:1px solid rgba(0,0,0,.05);overflow:hidden;box-sizing:border-box}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.dropdown-menu li{margin:0;padding:0;display:block;width:100%;box-sizing:border-box}.dropdown-menu li a{display:block;padding:.75rem 1.25rem;font-size:.9375rem;color:#475569;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:10px;width:100%;box-sizing:border-box;word-wrap:break-word;word-break:break-word;line-height:1.5;white-space:normal;position:relative;margin:.125rem 0}.dropdown-menu li:first-child a{margin-top:0}.dropdown-menu li:last-child a{margin-bottom:0}.dropdown-menu li a:hover{color:#0f8ec8;background:#0f8ec814;transform:translate(2px)}.dropdown-menu li a.active{color:#0f8ec8;background:#0f8ec81f;font-weight:600}.dropdown:has(a.active)>.nav-link{color:#0f8ec8;background:#0f8ec81a;font-weight:600}.menu-toggle{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;white-space:nowrap!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002;gap:5px;transition:transform .2s ease;position:relative}@media(max-width:768px){.hamburger{position:fixed}}.hamburger:active{transform:scale(.95)}.hamburger span{display:block;width:24px;height:2.5px;background:#1e293b;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;position:absolute}.hamburger span:nth-child(1){top:13px}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:13px}.menu-toggle:checked~.hamburger span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg);background:#0f8ec8}.menu-toggle:checked~.hamburger span:nth-child(2){opacity:0;transform:translateY(-50%) scale(0)}.menu-toggle:checked~.hamburger span:nth-child(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg);background:#0f8ec8}@media(max-width:1024px){.nav-content{padding:1rem 1.5rem}.nav-logo-desktop{height:46px}.nav-link{padding:.625rem 1rem;font-size:.875rem}.dropdown-menu{left:auto;right:0;transform:translate(0) translateY(-12px) scale(.95)}.dropdown:hover .dropdown-menu{transform:translate(0) translateY(0) scale(1)}}.nav-overlay,.mobile-menu-wrapper{display:none}@media(max-width:768px){.mobile-menu-wrapper{display:flex}.nav-container{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.nav-content{padding:.875rem 1rem}.nav-logo-desktop{display:none}.nav-logo-mobile{display:block;height:38px}.hamburger{display:flex;width:40px;height:40px;position:fixed!important;top:.875rem!important;right:1rem!important;z-index:1003!important;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 2px 8px #0000001a}.hamburger span{width:22px}.nav-overlay{display:block;position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s;z-index:998;cursor:pointer;pointer-events:none}.menu-toggle:checked~.nav-overlay{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-wrapper{position:fixed;top:0;right:0;width:280px;max-width:75vw;height:100vh;background:#fff;box-shadow:-2px 0 16px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;display:flex;flex-direction:column;overflow:hidden}.menu-toggle:checked~.nav-overlay~.mobile-menu-wrapper{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fff;position:sticky;top:0;z-index:1000;flex-shrink:0}.mobile-menu-title{font-size:1rem;font-weight:600;color:#0f8ec8}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;border-radius:8px;transition:background-color .2s ease;color:#0f8ec8;flex-shrink:0}.mobile-menu-close:active{background:#0f8ec81a}.desktop-nav-links{display:none}.mobile-nav-links{display:flex;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:stretch;gap:0;padding:0;margin:0;list-style:none;padding-bottom:calc(2rem + env(safe-area-inset-bottom));min-height:0}.nav-link{width:100%;padding:.875rem 1.25rem;border-radius:0;justify-content:space-between;font-size:.9375rem;font-weight:500;border-bottom:1px solid rgba(0,0,0,.06);min-height:44px;display:flex;align-items:center;touch-action:manipulation;white-space:nowrap;cursor:pointer;transition:background-color .2s ease;overflow:visible;box-sizing:border-box}.mobile-nav-links .nav-link.dropdown-toggle{overflow:visible!important;position:relative;padding-right:2.5rem!important}.nav-link:before{display:none}.nav-link:active{background:#0f8ec814}.nav-link.active{background:#0f8ec80f;color:#0f8ec8;border-left:3px solid #0F8EC8;padding-left:calc(1.25rem - 3px)}.dropdown{width:100%;position:relative}.dropdown-toggle{width:100%;justify-content:space-between;position:relative;cursor:pointer;display:flex;align-items:center}.mobile-nav-links .dropdown-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0!important;opacity:1!important;width:18px!important;height:18px!important;margin-left:auto!important;margin-right:0!important;display:block!important;visibility:visible!important;color:#1e293b!important;pointer-events:none;position:absolute!important;right:1.25rem!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important}.mobile-nav-links .dropdown-toggle:active .dropdown-icon{opacity:1!important;color:#0f8ec8!important}.mobile-nav-links .dropdown-toggle{position:relative;min-height:44px;overflow:visible!important}.mobile-nav-links .dropdown-toggle span{flex:1;display:block;overflow:hidden;text-overflow:ellipsis}.mobile-nav-links .dropdown-icon{min-width:18px!important;min-height:18px!important;flex:0 0 18px!important;max-width:18px!important;max-height:18px!important}.mobile-nav-links .dropdown-toggle .dropdown-icon,.mobile-nav-links label.dropdown-toggle .dropdown-icon,.mobile-nav-links .nav-link.dropdown-toggle .dropdown-icon{display:block!important;visibility:visible!important;opacity:1!important;width:18px!important;height:18px!important;color:#1e293b!important}.mobile-nav-links .dropdown-icon[style*="display: none"],.mobile-nav-links .dropdown-icon[style*="visibility: hidden"]{display:block!important;visibility:visible!important}.dropdown-checkbox{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.dropdown-menu{position:static;top:0;left:0;width:100%;box-shadow:none;border:none;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);border-radius:0;margin:0;padding:0;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);background:#0f8ec805}.dropdown-checkbox:checked~.dropdown-menu{max-height:500px}.dropdown-checkbox:checked~.dropdown-toggle .dropdown-icon{transform:translateY(-50%) rotate(180deg)!important;opacity:1!important;color:#0f8ec8!important}.dropdown-menu li a{padding:.875rem 1.25rem .875rem 2rem;font-size:.875rem;margin:0;border-radius:0;min-height:44px;display:flex;align-items:center;touch-action:manipulation;transition:background-color .2s ease,color .2s ease}.dropdown-menu li a:active{background:#0f8ec81a}.dropdown-menu li a.active{background:#0f8ec814;color:#0f8ec8;font-weight:600;border-left:3px solid #0F8EC8;padding-left:calc(2rem - 3px)}}@media(max-width:480px){.nav-content{padding:.75rem .875rem}.nav-logo-mobile{height:36px}.mobile-menu-wrapper{width:260px;max-width:80vw}.mobile-menu-header{padding:.875rem 1.125rem}.mobile-menu-title{font-size:.9375rem}.mobile-menu-close{width:34px;height:34px}.nav-links{padding-bottom:calc(1.75rem + env(safe-area-inset-bottom))}.hamburger{width:38px;height:38px;top:.75rem;right:.875rem}.hamburger span{width:20px}.nav-link{padding:.8125rem 1.125rem;font-size:.9375rem;min-height:44px}.dropdown-menu li a{padding:.8125rem 1.125rem .8125rem 1.75rem;font-size:.875rem;min-height:44px}.dropdown-menu li a.active{padding-left:calc(1.75rem - 3px)}}.main-footer{position:relative;background:#0f8ec8;color:#fff;z-index:1}.footer-content-wrapper{position:relative;padding:3rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding:0 2rem;max-width:1400px;margin:0 auto}.footer-column h3{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:#fff;letter-spacing:.025em}.footer-column p{margin:.75rem 0;font-size:.9375rem;line-height:1.6;color:#ffffffe6}.footer-column p a{color:#ffffffe6;text-decoration:none;display:flex;align-items:flex-start;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.footer-column p a:hover{color:#fff}.footer-column p a:hover .icon svg{transform:scale(1.1)}.icon{display:flex;align-items:center;flex-shrink:0;margin-top:.125rem}.icon svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.icon img{transition:transform .2s cubic-bezier(.4,0,.2,1);object-fit:contain}.footer-column p a:hover .icon img{transform:scale(1.1)}.lokasi-column p a{align-items:flex-start}.map-container{margin-top:1rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026}.map-container iframe{width:100%;height:200px;border:0;display:block}.copyright-bar{background:#00000026;padding:1rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.copyright-bar p{margin:0;font-size:.875rem;color:#fffc}@media(max-width:1024px){.footer-grid{gap:2.5rem;padding:0 1.5rem}.footer-content-wrapper{padding:2.5rem 0 1.75rem}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem;padding:0 1.25rem}.footer-content-wrapper{padding:2rem 0 1.5rem}.footer-column h3{margin-bottom:1rem}.map-container iframe{height:180px}}@media(max-width:480px){.footer-grid{padding:0 1rem;gap:1.75rem}.footer-content-wrapper{padding:1.75rem 0 1.25rem}.footer-column h3{font-size:1rem}.footer-column p{font-size:.875rem}.map-container iframe{height:160px}.copyright-bar{padding:.875rem 0}.copyright-bar p{font-size:.8125rem}}main{padding:0;background-color:#f7f8fa}.hero-slider{position:relative;width:calc(100% - 4rem);max-width:1400px;margin:2rem auto 4rem;padding:0;overflow:hidden;border-radius:24px;box-shadow:0 8px 32px #0000001f;aspect-ratio:3240 / 1272;cursor:grab;-webkit-user-select:none;user-select:none}.hero-slider:active{cursor:grabbing}.slider-container{position:relative;width:100%;height:100%;overflow:hidden}.slider-container.no-transition .slide{transition:none}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.slide.active{z-index:1}.slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000001a,#0000004d);pointer-events:none}.slider-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:12px;padding:12px 20px;z-index:10;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px}.slider-dots.visible{opacity:1;visibility:visible}.slider-dots.hidden{opacity:0;visibility:hidden}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;outline:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dot:hover{background:#ffffffb3;transform:scale(1.2)}.dot.active{background:#ffffffe6;width:32px;border-radius:6px;transform:scale(1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tentang-section{padding:2.5rem 1.5rem;background:#fff;margin-bottom:0}.tujuan-section{padding:2.5rem 1.5rem;background:#f7f8fa;margin-bottom:0}.tentang-section .container,.tujuan-section .container{max-width:1120px;margin:0 auto;padding:0}.tentang-section h2,.tujuan-section h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em}.tentang-box{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin-bottom:2rem;align-items:start}.tentang-text{text-align:justify;line-height:1.8}.tentang-text p{font-size:1.1rem;color:#475569;margin-bottom:0;line-height:1.8}.tentang-text-full{text-align:justify;line-height:1.8}.tentang-text-full p{font-size:1.1rem;color:#475569;margin-bottom:0;line-height:1.8}.tentang-image{border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tentang-image:hover{transform:translateY(-4px)}.tentang-image img{width:100%;height:auto;object-fit:cover;display:block}.tujuan-list{padding-left:0;margin:0;list-style:none;counter-reset:tujuan-counter}.tujuan-list li{counter-increment:tujuan-counter;position:relative;padding-left:3rem;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:#475569}.tujuan-list li:before{content:counter(tujuan-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--primary-color, #2563eb);color:#fff;border-radius:8px;font-weight:600;font-size:1rem}.support-section{padding:2.5rem 1.5rem;background:#fff;margin-bottom:0}.support-section .container{max-width:1120px;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center}.support-section h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em}.support-content{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:start;width:100%;max-width:800px}.qr-box{display:inline-flex;justify-content:center;align-items:center;background:#fff;padding:.75rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content}.qr-box:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.qr-box img{width:auto;height:auto;max-width:240px;display:block;border-radius:8px}.bank-info{display:flex;flex-direction:column;justify-content:center;height:100%;padding:1.5rem 0}.bank-info .bank-description{font-size:.9375rem;color:#64748b;margin:0 0 1rem;line-height:1.6}.bank-info h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;letter-spacing:-.01em}.bank-info .account-number{font-size:1.75rem;font-weight:700;color:#0f8ec8;margin:0 0 .5rem;letter-spacing:3px;font-family:Courier New,monospace}.bank-info .account-name{font-size:1rem;color:#64748b;margin:0;line-height:1.6}.support-note{display:block;text-align:center;font-size:.9375rem;color:#64748b;background:#f1f5f9;padding:.75rem 1.5rem;border-radius:50px;margin:2.5rem auto 0;width:fit-content}@media(max-width:1024px){.hero-slider{width:calc(100% - 3rem);border-radius:20px;margin:1.5rem auto 2.5rem}.tentang-box{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.tentang-text-full{margin-top:0}.tentang-section,.tujuan-section{padding:1.75rem 1.25rem}.tentang-section .container,.tujuan-section .container{padding:0}.support-section{padding:1.75rem 1.25rem}.tentang-section h2,.tujuan-section h2,.support-section h2{font-size:1.875rem;margin-bottom:1.25rem}.support-content{grid-template-columns:1fr;gap:2rem;justify-items:center}.qr-box{padding:.625rem}.qr-box img{max-width:200px}.bank-info{text-align:center;padding:0}.bank-info .bank-description{font-size:.875rem;margin-bottom:.75rem}.bank-info h3{font-size:1.25rem;margin-bottom:.5rem}.bank-info .account-number{font-size:1.375rem;letter-spacing:2px;margin-bottom:.375rem}.support-note{font-size:.875rem;padding:.625rem 1.25rem;margin-top:1.75rem}}@media(max-width:768px){.hero-slider{width:calc(100% - 2rem);border-radius:12px;margin:1rem auto 1.5rem}.slider-dots{bottom:16px;gap:8px;padding:8px 16px}.dot{width:7px;height:7px}.dot.active{width:20px}.tentang-section,.tujuan-section{padding:1.25rem 1rem;margin-bottom:0}.tentang-section .container,.tujuan-section .container{padding:0}.support-section{padding:1.25rem 1rem;margin-bottom:0}.tentang-section h2,.tujuan-section h2,.support-section h2{font-size:1.5rem;margin-bottom:1rem}.tentang-box{gap:1.25rem;margin-bottom:1.25rem}.tentang-text p,.tentang-text-full p{font-size:.9rem;line-height:1.6}.tujuan-list li{font-size:.9rem;padding-left:2.25rem;margin-bottom:1rem;line-height:1.6}.tujuan-list li:before{width:1.5rem;height:1.5rem;font-size:.85rem}.support-content{grid-template-columns:1fr;gap:1.5rem;justify-items:center}.qr-box{padding:.5rem}.qr-box img{max-width:160px}.bank-info{text-align:center;padding:0}.bank-info .bank-description{font-size:.8rem;margin-bottom:.625rem}.bank-info h3{font-size:1.1rem;margin-bottom:.5rem}.bank-info .account-number{font-size:1.1rem;letter-spacing:1.5px;margin-bottom:.375rem}.bank-info .account-name{font-size:.85rem}.support-note{font-size:.8rem;padding:.5rem 1rem;margin-top:1.5rem}}@media(max-width:480px){.hero-slider{width:calc(100% - 1.5rem);border-radius:10px;margin:.75rem auto 1.25rem}.slider-dots{bottom:12px;gap:6px;padding:6px 12px}.dot{width:6px;height:6px}.dot.active{width:18px}.tentang-section,.tujuan-section{padding:1rem .875rem;margin-bottom:0}.tentang-section .container,.tujuan-section .container{padding:0}.support-section{padding:1rem .875rem;margin-bottom:0}.tentang-section h2,.tujuan-section h2,.support-section h2{font-size:1.25rem;margin-bottom:.875rem}.tentang-box{gap:1rem;margin-bottom:1rem}.tentang-text p,.tentang-text-full p{font-size:.85rem;line-height:1.6}.tujuan-list li{font-size:.85rem;padding-left:2rem;margin-bottom:.875rem;line-height:1.6}.tujuan-list li:before{width:1.375rem;height:1.375rem;font-size:.8rem}.support-content{grid-template-columns:1fr;gap:1.25rem;justify-items:center}.qr-box{padding:.375rem}.qr-box img{max-width:140px}.bank-info{text-align:center;padding:0}.bank-info .bank-description{font-size:.75rem;margin-bottom:.5rem}.bank-info h3{font-size:1rem;margin-bottom:.375rem}.bank-info .account-number{font-size:1rem;letter-spacing:1px;margin-bottom:.25rem}.bank-info .account-name{font-size:.8rem}.support-note{font-size:.75rem;padding:.5rem .875rem;margin-top:1.25rem}}.pembina-main{padding:0;background-color:#f7f8fa}.pembina-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.pembina-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.pembina-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color)}.pembina-subtitle{font-size:.95rem;color:#6b7280;max-width:520px;line-height:1.6}.pembina-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;align-items:stretch}.pembina-card{background-color:#fff;border-radius:.7rem;overflow:visible;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pembina-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;border-color:var(--primary-color)}.pembina-card-image{position:relative;width:100%;aspect-ratio:3 / 4;background:linear-gradient(135deg,#f9fafb,#e5e7eb);overflow:visible;border-radius:.7rem .7rem 0 0}.pembina-card-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:.7rem .7rem 0 0}.pembina-card-body{padding:.6rem .8rem .8rem;text-align:center}.pembina-card-name{font-size:.95rem;font-weight:600;color:#111827;margin-bottom:.25rem}.pembina-card-role{font-size:.85rem;font-weight:500;color:var(--primary-color);letter-spacing:.02em;text-transform:uppercase}.pembina-state{padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.95rem}.pembina-state-error{color:#b91c1c;display:flex;flex-direction:column;align-items:center;gap:1rem}.pembina-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem}.pembina-skeleton-card{height:320px;border-radius:.9rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:pembina-skeleton-loading 1.2s ease-in-out infinite}@keyframes pembina-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:1024px){.pembina-header,.pembina-section{padding:0 1.5rem}}@media(max-width:768px){.pembina-header{padding:0 1.25rem;margin-bottom:1.5rem}.pembina-section{padding:0 1.25rem}.pembina-subtitle{font-size:.9rem}.pembina-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media(max-width:480px){.pembina-header{padding:0 1rem;margin-bottom:1.25rem}.pembina-section{padding:0 1rem}.pembina-grid{grid-template-columns:1fr;gap:1.25rem}.pembina-skeleton-grid{gap:1.25rem}}.pengawas-main{padding:0;background-color:#f7f8fa}.pengawas-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.pengawas-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.pengawas-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color)}.pengawas-subtitle{font-size:.95rem;color:#6b7280;max-width:520px;line-height:1.6}.pengawas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;align-items:stretch}.pengawas-card{background-color:#fff;border-radius:.7rem;overflow:visible;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pengawas-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;border-color:var(--primary-color)}.pengawas-card-image{position:relative;width:100%;aspect-ratio:3 / 4;background:linear-gradient(135deg,#f9fafb,#e5e7eb);overflow:visible;border-radius:.7rem .7rem 0 0}.pengawas-card-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:.7rem .7rem 0 0}.pengawas-card-body{padding:.6rem .8rem .8rem;text-align:center}.pengawas-card-name{font-size:.95rem;font-weight:600;color:#111827;margin-bottom:.25rem}.pengawas-card-role{font-size:.85rem;font-weight:500;color:var(--primary-color);letter-spacing:.02em;text-transform:uppercase}.pengawas-state{padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.95rem}.pengawas-state-error{color:#b91c1c;display:flex;flex-direction:column;align-items:center;gap:1rem}.pengawas-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem}.pengawas-skeleton-card{height:320px;border-radius:.9rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:pengawas-skeleton-loading 1.2s ease-in-out infinite}@keyframes pengawas-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:1024px){.pengawas-header,.pengawas-section{padding:0 1.5rem}}@media(max-width:768px){.pengawas-header{padding:0 1.25rem;margin-bottom:1.5rem}.pengawas-section{padding:0 1.25rem}.pengawas-subtitle{font-size:.9rem}.pengawas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media(max-width:480px){.pengawas-header{padding:0 1rem;margin-bottom:1.25rem}.pengawas-section{padding:0 1rem}.pengawas-grid{grid-template-columns:1fr;gap:1.25rem}.pengawas-skeleton-grid{gap:1.25rem}}.pengurus-main{padding:0;background-color:#f7f8fa}.pengurus-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.pengurus-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.pengurus-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color)}.pengurus-subtitle{font-size:.95rem;color:#6b7280;max-width:520px;line-height:1.6}.pengurus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;align-items:stretch}.pengurus-card{background-color:#fff;border-radius:.7rem;overflow:visible;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pengurus-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;border-color:var(--primary-color)}.pengurus-card-image{position:relative;width:100%;aspect-ratio:3 / 4;background:linear-gradient(135deg,#f9fafb,#e5e7eb);overflow:visible;border-radius:.7rem .7rem 0 0}.pengurus-card-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:.7rem .7rem 0 0}.pengurus-card-body{padding:.6rem .8rem .8rem;text-align:center}.pengurus-card-name{font-size:.95rem;font-weight:600;color:#111827;margin-bottom:.25rem}.pengurus-card-role{font-size:.85rem;font-weight:500;color:var(--primary-color);letter-spacing:.02em;text-transform:uppercase}.pengurus-state{padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.95rem}.pengurus-state-error{color:#b91c1c;display:flex;flex-direction:column;align-items:center;gap:1rem}.pengurus-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem}.pengurus-skeleton-card{height:320px;border-radius:.9rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:pengurus-skeleton-loading 1.2s ease-in-out infinite}@keyframes pengurus-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:1024px){.pengurus-header,.pengurus-section{padding:0 1.5rem}}@media(max-width:768px){.pengurus-header{padding:0 1.25rem;margin-bottom:1.5rem}.pengurus-section{padding:0 1.25rem}.pengurus-subtitle{font-size:.9rem}.pengurus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media(max-width:480px){.pengurus-header{padding:0 1rem;margin-bottom:1.25rem}.pengurus-section{padding:0 1rem}.pengurus-grid{grid-template-columns:1fr;gap:1.25rem}.pengurus-skeleton-grid{gap:1.25rem}}.magang-main{padding:0;background-color:#f7f8fa}.magang-header{max-width:1400px;margin:0 auto;padding:2rem 2rem 0;margin-bottom:2rem}.magang-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color);margin:0}.magang-description-wrapper{margin-bottom:1.5rem}.magang-subtitle{margin:0;font-size:1.05rem;color:#fff;line-height:1.8;text-align:justify;padding:1.75rem 2rem;background-color:var(--primary-color, #0F8EC8);border-radius:.5rem;box-shadow:0 2px 8px #0f8ec833}.magang-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.magang-container{max-width:1120px;margin:0 auto;padding:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.magang-search-card{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.7rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;padding:1.25rem;width:100%;max-width:100%;align-self:stretch;margin:0;box-sizing:border-box}.magang-search-form{width:100%;margin:0}.magang-search-wrapper{display:flex;align-items:center;gap:.75rem;width:100%;flex:1 1 auto;background:transparent;border-radius:10px;border:none;padding:0}.magang-search-wrapper .material-symbols-rounded{color:var(--primary-color, #0F8EC8);font-size:1.5rem;flex-shrink:0}.magang-search-wrapper .search-icon{flex-shrink:0}.magang-search-wrapper input[type=text]{flex-grow:1;border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:.65rem .75rem;font-size:1rem;outline:none;color:var(--dark-color);min-height:44px}.magang-search-wrapper input[type=text]::placeholder{color:#999}.magang-search-wrapper .clear-search{color:#999;cursor:pointer;font-size:1.25rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.magang-search-wrapper .clear-search:hover{color:var(--primary-color, #0F8EC8);background-color:#0f8ec81a}.magang-search-wrapper button[type=submit]{background:var(--primary-color, #0F8EC8);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease;flex-shrink:0;white-space:nowrap}.magang-search-wrapper button[type=submit]:hover:not(:disabled){background:var(--primary-dark, #0a6fa0);transform:translateY(-1px);box-shadow:0 4px 12px #0f8ec84d}.magang-search-wrapper button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.magang-state{padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.95rem}.magang-state-error{color:#b91c1c;display:flex;flex-direction:column;align-items:center;gap:1rem}.magang-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;align-items:stretch;margin-top:1rem}.magang-skeleton-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column}.magang-skeleton-image{width:100%;aspect-ratio:3240 / 1272;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.magang-skeleton-info{padding:1.5rem;height:100px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.magang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;align-items:stretch;margin-top:1rem}.magang-card{background-color:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000d;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.magang-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#0f8ec8}.magang-card-image{position:relative;width:100%;aspect-ratio:3240 / 1272;background:linear-gradient(135deg,#f9fafb,#e5e7eb);overflow:hidden;flex-shrink:0}.magang-card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .3s ease}.magang-card:hover .magang-card-image img{transform:scale(1.05)}.magang-card-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;text-align:center;gap:.5rem}.magang-card-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.magang-card-period{font-size:.875rem;color:#64748b;font-weight:500;margin-top:auto}.magang-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem 0;width:100%}@media(max-width:1024px){.magang-header{padding:1.75rem 1.5rem 0}.magang-section{padding:0 1.5rem}.magang-subtitle{padding:1.5rem 1.75rem}}@media(max-width:768px){.magang-header{padding:1.5rem 1.25rem 0;margin-bottom:1.5rem}.magang-section{padding:0 1.25rem}.magang-subtitle{padding:1.5rem;font-size:1rem;line-height:1.7;text-align:justify}.magang-search-card{padding:1rem;gap:.65rem}.magang-search-wrapper{gap:.6rem}.magang-search-wrapper .material-symbols-rounded{font-size:1.25rem}.magang-search-wrapper input[type=text]{font-size:.95rem;padding:.65rem .75rem}.magang-search-wrapper button[type=submit]{padding:.6rem 1.1rem;font-size:.9rem;min-height:44px}.magang-grid,.magang-skeleton-grid{grid-template-columns:1fr;gap:1.5rem}.magang-card-title{font-size:1.25rem}}@media(max-width:480px){.magang-header{padding:1.25rem 1rem 0;margin-bottom:1.25rem}.magang-section{padding:0 1rem}.magang-subtitle{padding:1.25rem;font-size:.95rem;line-height:1.65;border-left-width:3px}.magang-search-wrapper .search-icon{display:none}.magang-search-wrapper{gap:.5rem}.magang-grid,.magang-skeleton-grid{grid-template-columns:1fr;gap:1.5rem}.magang-card-info{padding:1.25rem}.magang-card-title{font-size:1.125rem}.magang-card-period{font-size:.875rem}.magang-pagination{flex-direction:column;gap:1rem;padding:1.25rem 0;align-items:flex-start}.pagination-info{font-size:.9rem;width:100%}.pagination-controls{width:100%;justify-content:center}.pagination-nav-button,.pagination-page-button{min-width:36px;height:36px;font-size:.9rem}}.detail-magang-main{padding:2rem 0 0;background-color:#f7f8fa}.detail-magang-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.detail-magang-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.magang-detail-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;width:auto}.magang-detail-back-button:hover{background-color:#0f8ec8;border-color:#0f8ec8;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0f8ec840}.magang-detail-back-button:active{transform:translate(-2px)}.magang-detail-back-button svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.magang-detail-back-button:hover svg{transform:translate(-2px)}.detail-skeleton-period{height:20px;width:50%;border-radius:4px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.detail-period{display:inline-block;font-size:.95rem;color:#6b7280;font-weight:400}.magang-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);grid-auto-flow:dense;gap:12px;width:100%}.magang-image-container{width:100%;display:block;overflow:hidden;position:relative;border-radius:8px}.magang-image-container.portrait{grid-row:span 2}.magang-image-container.landscape{grid-column:span 1}.magang-image-container img{width:100%;height:100%;display:block;object-fit:cover;border:1px solid #e5e7eb;border-radius:8px}.magang-section-title{font-size:1.5rem;font-weight:700;color:var(--primary-color, #0F8EC8);margin-bottom:1.25rem;margin-top:0}.magang-description{width:100%!important;margin-bottom:2.5rem;display:block!important;clear:both;float:none!important;order:1}.magang-description-text{font-size:1.1rem;line-height:1.8;color:#374151;text-align:justify}.magang-description-text p{margin-bottom:1.25rem}.magang-description-text p:last-child{margin-bottom:0}.magang-photos-section{width:100%!important;margin-top:2rem;display:block!important;clear:both;float:none!important;order:2}.magang-photos-section .magang-section-title{margin-bottom:1.5rem}@media(max-width:1024px){.detail-magang-header,.detail-magang-section{padding:0 1.5rem}}@media(max-width:768px){.detail-magang-header{padding:0 1.25rem;margin-bottom:1.5rem}.detail-magang-section{padding:0 1.25rem}.magang-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem}.detail-skeleton-header{margin-bottom:1.5rem;padding-bottom:.75rem}.detail-skeleton-card{padding:1.5rem}.detail-skeleton-image{height:250px;margin-bottom:1.5rem}.detail-header{margin-bottom:1.5rem;padding-bottom:.75rem}.detail-title{font-size:1.75rem}.detail-period{font-size:.875rem}.detail-card{padding:1.5rem;border-radius:10px}.magang-section-title{font-size:1.25rem;margin-bottom:1rem}.magang-description{margin-bottom:2rem}.magang-photos-section{margin-top:1.5rem}.magang-photos-section .magang-section-title{margin-bottom:1.25rem}.magang-photos-grid{grid-template-columns:1fr;gap:10px}.magang-image-container,.magang-image-container img{border-radius:8px}.magang-image-container.portrait{grid-row:span 1}.magang-image-container.landscape{grid-column:span 1}.magang-description-text{font-size:1rem;line-height:1.7}}@media(max-width:480px){.detail-magang-header{padding:0 1rem;margin-bottom:1.25rem}.detail-magang-section{padding:0 1rem}.magang-detail-back-button{padding:.625rem 1rem;font-size:.875rem}.detail-skeleton-header{margin-bottom:1.25rem;padding-bottom:.625rem}.detail-skeleton-card{padding:1.25rem}.detail-skeleton-image{height:200px;margin-bottom:1.25rem}.detail-header{margin-bottom:1.25rem;padding-bottom:.625rem}.detail-title{font-size:1.5rem}.detail-period{font-size:.8rem}.detail-card{padding:1.25rem;margin-bottom:2rem;border-radius:8px}.magang-section-title{font-size:1.1rem;margin-bottom:.875rem}.magang-description{margin-bottom:1.75rem}.magang-photos-section{margin-top:1.25rem}.magang-photos-section .magang-section-title{margin-bottom:1rem}.magang-photos-grid{gap:8px}.magang-image-container,.magang-image-container img{border-radius:6px}.magang-description-text{font-size:.95rem;line-height:1.6;text-align:left}.magang-description-text p{margin-bottom:1rem}}.pengumuman-main{padding:0;background-color:#f7f8fa}.pengumuman-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.pengumuman-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color);margin-bottom:0}.pengumuman-container{max-width:1120px;margin:0 auto;padding:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.pengumuman-search-card{display:flex;align-items:center;flex-wrap:nowrap;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.7rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;padding:1.25rem;width:100%;max-width:100%;align-self:stretch;margin:0;box-sizing:border-box}.pengumuman-search-form{width:100%;margin:0}.pengumuman-search-wrapper{display:flex;align-items:center;gap:.75rem;width:100%;flex:1 1 auto;background:transparent;border-radius:10px;border:none;padding:0}.pengumuman-search-wrapper .material-symbols-rounded{color:var(--primary-color, #0F8EC8);font-size:1.5rem;flex-shrink:0}.pengumuman-search-wrapper .search-icon{flex-shrink:0}.pengumuman-search-wrapper input[type=text]{flex-grow:1;border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:.65rem .75rem;font-size:1rem;outline:none;color:var(--dark-color);min-height:44px}.pengumuman-search-wrapper input[type=text]::placeholder{color:#999}.pengumuman-search-wrapper .clear-search{color:#999;cursor:pointer;font-size:1.25rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.pengumuman-search-wrapper .clear-search:hover{color:var(--primary-color, #0F8EC8);background-color:#0f8ec81a}.pengumuman-search-wrapper button[type=submit]{background:var(--primary-color, #0F8EC8);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease;flex-shrink:0;white-space:nowrap}.pengumuman-search-wrapper button[type=submit]:hover:not(:disabled){background:var(--primary-dark, #0a6fa0);transform:translateY(-1px);box-shadow:0 4px 12px #0f8ec84d}.pengumuman-search-wrapper button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.pengumuman-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.pengumuman-state{padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.95rem}.pengumuman-state-error{color:#b91c1c;display:flex;flex-direction:column;align-items:center;gap:1rem}.pengumuman-skeleton-list{display:flex;flex-direction:column;gap:1.5rem}.pengumuman-skeleton-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.pengumuman-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.pengumuman-skeleton-title{height:28px;width:60%;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.pengumuman-skeleton-date{height:16px;width:40%;border-radius:4px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.pengumuman-skeleton-text{height:16px;width:100%;border-radius:4px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.pengumuman-skeleton-text:last-child{width:80%}.pengumuman-skeleton-thumbnail{width:400px;aspect-ratio:3240 / 1272;border-radius:8px;flex-shrink:0;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.announcement-card-list{display:flex;flex-direction:column;gap:1.5rem;width:100%}.announcement-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.7rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;width:100%;max-width:100%;align-self:stretch;box-sizing:border-box}.announcement-card.with-image{display:flex;flex-direction:row;align-items:flex-start}.announcement-card.no-image{display:flex;flex-direction:column}.announcement-card.no-image .announcement-thumbnail{display:none}.announcement-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:var(--primary-color, #0F8EC8)}.announcement-content{flex:1;min-width:0}.announcement-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.announcement-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--primary-color, #0F8EC8);margin:0;line-height:1.4}.announcement-date{font-size:.875rem;color:#6b7280;font-weight:400}.announcement-excerpt{font-size:1rem;color:#374151;margin:0;line-height:1.6}.announcement-thumbnail{width:400px;max-width:100%;aspect-ratio:3240 / 1272;border-radius:8px;flex-shrink:0;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.announcement-thumbnail img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.announcement-card:hover .announcement-thumbnail img{transform:scale(1.05)}.pengumuman-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem 0;width:100%}@media(max-width:1024px){.pengumuman-header,.pengumuman-section{padding:0 1.5rem}}@media(max-width:768px){.pengumuman-header{padding:0 1.25rem;margin-bottom:1.5rem}.pengumuman-section{padding:0 1.25rem}.pengumuman-search-card{padding:1rem;gap:.65rem}.pengumuman-search-wrapper{gap:.6rem}.pengumuman-search-wrapper .material-symbols-rounded{font-size:1.25rem}.pengumuman-search-wrapper input[type=text]{font-size:.95rem;padding:.65rem .75rem}.pengumuman-search-wrapper button[type=submit]{padding:.6rem 1.1rem;font-size:.9rem;min-height:44px}.pengumuman-skeleton-card{flex-direction:column;padding:1.25rem;gap:1rem}.pengumuman-skeleton-thumbnail{width:100%;order:-1}.announcement-card{flex-direction:column;padding:1.1rem;gap:1rem;width:100%}.announcement-card.with-image{flex-direction:column}.announcement-content{width:100%}.announcement-thumbnail{width:100%;order:-1}.announcement-title{font-size:1.25rem}.announcement-excerpt{font-size:.95rem}}@media(max-width:480px){.pengumuman-header{padding:0 1rem;margin-bottom:1.25rem}.pengumuman-section{padding:0 1rem}.pengumuman-search-wrapper .search-icon{display:none}.pengumuman-search-wrapper{gap:.5rem}.announcement-card-list{gap:1.25rem}.announcement-card{padding:1rem;border-radius:10px}.announcement-title{font-size:1.1rem}.announcement-excerpt{font-size:.9rem}.announcement-date{font-size:.8rem}.pengumuman-skeleton-card{padding:1rem}.pengumuman-pagination{flex-direction:column;gap:1rem;padding:1.25rem 0;align-items:flex-start}.pagination-info{font-size:.9rem;width:100%}.pagination-controls{width:100%;justify-content:center}.pagination-nav-button,.pagination-page-button{min-width:36px;height:36px;font-size:.9rem}}.detail-pengumuman-main{padding:2rem 0 0;background-color:#f7f8fa}.detail-pengumuman-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.detail-pengumuman-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.pengumuman-detail-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;width:auto}.pengumuman-detail-back-button:hover{background-color:#0f8ec8;border-color:#0f8ec8;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0f8ec840}.pengumuman-detail-back-button:active{transform:translate(-2px)}.pengumuman-detail-back-button svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.pengumuman-detail-back-button:hover svg{transform:translate(-2px)}.detail-skeleton-date{height:20px;width:40%;border-radius:4px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.detail-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.detail-date{display:inline-block;font-size:.95rem;color:#6b7280;font-weight:400}.detail-card-announcement{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:2rem;margin-bottom:3rem;background-color:#fff}.announcement-image-container{width:100%;max-width:100%;margin:0 auto 2rem;border-radius:10px;overflow:hidden;background-color:#f3f4f6;display:flex;justify-content:center;align-items:center;aspect-ratio:3240 / 1272}.announcement-image-container img{width:100%;height:100%;object-fit:contain;display:block}.announcement-description{width:100%}.announcement-content-text{font-size:1.1rem;text-align:justify;line-height:1.8;color:#374151}.announcement-content-text p{margin-bottom:1.25rem}.announcement-content-text p:last-child{margin-bottom:0}@media(max-width:1024px){.detail-pengumuman-header,.detail-pengumuman-section{padding:0 1.5rem}}@media(max-width:768px){.detail-pengumuman-header{padding:0 1.25rem;margin-bottom:1.5rem}.detail-pengumuman-section{padding:0 1.25rem}.pengumuman-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem}.detail-skeleton-header{margin-bottom:1.5rem;padding-bottom:.75rem}.detail-skeleton-card{padding:1.5rem}.detail-skeleton-image{height:250px;margin-bottom:1.5rem}.detail-header{margin-bottom:1.5rem;padding-bottom:.75rem}.detail-title{font-size:1.75rem}.detail-date{font-size:.875rem}.detail-card-announcement{padding:1.5rem;border-radius:10px}.announcement-image-container{margin-bottom:1.5rem;border-radius:8px}.announcement-content-text{font-size:1rem;line-height:1.7}}@media(max-width:480px){.detail-pengumuman-header{padding:0 1rem;margin-bottom:1.25rem}.detail-pengumuman-section{padding:0 1rem}.pengumuman-detail-back-button{padding:.625rem 1rem;font-size:.875rem}.detail-skeleton-header{margin-bottom:1.25rem;padding-bottom:.625rem}.detail-skeleton-card{padding:1.25rem}.detail-skeleton-image{height:200px;margin-bottom:1.25rem}.detail-header{margin-bottom:1.25rem;padding-bottom:.625rem}.detail-title{font-size:1.5rem}.detail-date{font-size:.8rem}.detail-card-announcement{padding:1.25rem;margin-bottom:2rem;border-radius:8px}.announcement-image-container{margin-bottom:1.25rem;border-radius:6px}.announcement-content-text{font-size:.95rem;line-height:1.6;text-align:left}.announcement-content-text p{margin-bottom:1rem}}.blog-main{padding:0!important;background-color:#f7f8fa}.blog-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.blog-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color);margin-bottom:0}.blog-search-card{display:flex;align-items:center;flex-wrap:nowrap;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.7rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;padding:1.25rem;width:100%;max-width:100%;align-self:stretch;margin:0;box-sizing:border-box}.blog-search-form{width:100%;margin:0}.blog-search-wrapper{display:flex;align-items:center;gap:.75rem;width:100%;flex:1 1 auto;background:transparent;border-radius:10px;border:none;padding:0}.blog-search-wrapper .material-symbols-rounded{color:var(--primary-color, #0F8EC8);font-size:1.5rem;flex-shrink:0}.blog-search-wrapper .search-icon{flex-shrink:0}.blog-search-wrapper input[type=text]{flex-grow:1;border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:.65rem .75rem;font-size:1rem;outline:none;color:var(--dark-color);min-height:44px}.blog-search-wrapper input[type=text]::placeholder{color:#999}.blog-search-wrapper .clear-search{color:#999;cursor:pointer;font-size:1.25rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.blog-search-wrapper .clear-search:hover{color:var(--primary-color, #0F8EC8);background-color:#0f8ec81a}.blog-search-wrapper button[type=submit]{background:var(--primary-color, #0F8EC8);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease;flex-shrink:0;white-space:nowrap}.blog-search-wrapper button[type=submit]:hover:not(:disabled){background:var(--primary-dark, #0a6fa0);transform:translateY(-1px);box-shadow:0 4px 12px #0f8ec84d}.blog-search-wrapper button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.blog-state{padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.95rem}.blog-state-error{color:#b91c1c;display:flex;flex-direction:column;align-items:center;gap:1rem}@media(max-width:1024px){.blog-header,.blog-section{padding:0 1.5rem}}@media(max-width:768px){.blog-header{padding:0 1.25rem;margin-bottom:1.5rem}.blog-section{padding:0 1.25rem}.blog-search-card{padding:1rem;gap:.65rem}.blog-search-wrapper{gap:.6rem}.blog-search-wrapper .material-symbols-rounded{font-size:1.25rem}.blog-search-wrapper input[type=text]{font-size:.95rem;padding:.65rem .75rem}.blog-search-wrapper button[type=submit]{padding:.6rem 1.1rem;font-size:.9rem;min-height:44px}.blog-grid,.blog-skeleton-grid{grid-template-columns:1fr;gap:1.5rem}.blog-pagination{flex-direction:column;gap:1rem;padding:1.25rem 0;align-items:flex-start}.pagination-info{font-size:.9rem;width:100%}.pagination-controls{width:100%;justify-content:center}.pagination-nav-button,.pagination-page-button{min-width:36px;height:36px;font-size:.9rem}}@media(max-width:480px){.blog-header{padding:0 1rem;margin-bottom:1.25rem}.blog-section{padding:0 1rem}.blog-search-wrapper .search-icon{display:none}.blog-search-wrapper{gap:.5rem}.blog-card-body{padding:1.25rem}.blog-card-title{font-size:1.125rem}.blog-card-desc{font-size:.875rem}}.blog-detail-main{padding:2rem 0 0;background-color:#f7f8fa}.blog-detail-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.blog-detail-container{padding:0 0 2.5rem;margin-bottom:3rem}.blog-detail-article-header{margin-bottom:2rem;padding:0}.blog-detail-ringkasan{margin-bottom:1.5rem}.blog-detail-ringkasan p{margin:0;font-size:1.125rem;line-height:1.75;color:#64748b;font-weight:400;font-style:normal}.blog-detail-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#1e293b;margin:0 0 1rem;line-height:1.3}.blog-detail-meta{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#64748b}.blog-detail-author{font-weight:600;color:#1e293b}.blog-detail-separator{color:#94a3b8}.blog-detail-date{color:#64748b}.blog-detail-image{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:2.5rem;background:linear-gradient(135deg,#f9fafb,#e5e7eb)}.blog-detail-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.blog-detail-content{margin-bottom:2rem}.blog-detail-isi{font-size:1.1rem;line-height:1.8;color:#374151;word-wrap:break-word;overflow-wrap:break-word;width:100%}.blog-detail-isi p{margin:0;text-align:justify;color:#374151}.blog-detail-isi p:last-child{margin-bottom:0}.blog-detail-isi img{max-width:100%;height:auto;border-radius:12px;margin:0;display:block;box-shadow:0 4px 12px #0000001a}.blog-detail-isi p[style*=font-size],.blog-detail-isi span[style*=font-size],.blog-detail-isi div[style*=font-size],.blog-detail-isi *[style*=font-size],.blog-detail-isi p[style*="font-size: 12px"],.blog-detail-isi span[style*="font-size: 12px"],.blog-detail-isi div[style*="font-size: 12px"],.blog-detail-isi *[style*="font-size: 12px"],.blog-detail-isi p[style*="font-size: 10px"],.blog-detail-isi span[style*="font-size: 10px"],.blog-detail-isi div[style*="font-size: 10px"],.blog-detail-isi *[style*="font-size: 10px"],.blog-detail-isi p[style*="font-size: 8px"],.blog-detail-isi span[style*="font-size: 8px"],.blog-detail-isi div[style*="font-size: 8px"],.blog-detail-isi *[style*="font-size: 8px"],.blog-detail-isi p[style*="font-size: 14px"],.blog-detail-isi span[style*="font-size: 14px"],.blog-detail-isi div[style*="font-size: 14px"],.blog-detail-isi *[style*="font-size: 14px"]{font-size:1.1rem!important}.blog-detail-isi a{color:#0f8ec8;text-decoration:underline;transition:color .2s ease}.blog-detail-isi a:hover{color:#0a6fa5}.blog-detail-isi h1,.blog-detail-isi h2,.blog-detail-isi h3,.blog-detail-isi h4,.blog-detail-isi h5,.blog-detail-isi h6{margin-top:2rem;margin-bottom:1rem;font-weight:700;color:#1e293b;line-height:1.3}.blog-detail-isi h1:first-child,.blog-detail-isi h2:first-child,.blog-detail-isi h3:first-child{margin-top:0}.blog-detail-isi h1{font-size:clamp(1.75rem,4vw + .5rem,2.5rem)}.blog-detail-isi h2{font-size:clamp(1.5rem,3.5vw + .5rem,2rem)}.blog-detail-isi h3{font-size:clamp(1.375rem,3vw + .5rem,1.75rem)}.blog-detail-isi h4{font-size:clamp(1.25rem,2.5vw + .5rem,1.5rem)}.blog-detail-isi h5{font-size:clamp(1.125rem,2vw + .5rem,1.375rem)}.blog-detail-isi h6{font-size:clamp(1.0625rem,1.5vw + .5rem,1.25rem)}.blog-detail-isi ul,.blog-detail-isi ol{margin-bottom:1.5rem;padding-left:2rem}.blog-detail-isi li{margin-bottom:.5rem}.blog-detail-isi blockquote{border-left:4px solid #0F8EC8;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#475569;background-color:#f8fafc;padding:1rem 1.5rem;border-radius:8px}.blog-detail-isi code{background-color:#f1f5f9;padding:.125rem .375rem;border-radius:4px;font-size:.9em;color:#e11d48;font-family:Courier New,monospace}.blog-detail-isi pre{background-color:#1e293b;color:#f1f5f9;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.blog-detail-isi pre code{background-color:transparent;color:inherit;padding:0}.blog-detail-isi iframe{max-width:100%;border-radius:8px;margin:1.5rem 0}.blog-detail-isi video{max-width:100%;border-radius:8px;margin:1.5rem 0}.blog-detail-isi table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-detail-isi table th,.blog-detail-isi table td{padding:.75rem;border:1px solid #e5e7eb;text-align:left}.blog-detail-isi table th{background-color:#f8fafc;font-weight:600}.blog-detail-isi strong{font-weight:700;color:#1e293b}.blog-detail-isi em{font-style:italic}.blog-detail-isi u{text-decoration:underline}.blog-detail-isi s{text-decoration:line-through}.blog-detail-footer{padding-top:2rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1.5rem}.blog-detail-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.blog-detail-tags-label{font-weight:600;color:#1e293b;font-size:.9375rem}.blog-detail-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-detail-tag{display:inline-block;padding:.375rem .875rem;background-color:#f1f5f9;color:#475569;border-radius:20px;font-size:.875rem;font-weight:500}.blog-detail-tag-link{text-decoration:none;cursor:pointer;transition:all .2s ease}.blog-detail-tag-link:hover{background-color:#0f8ec8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0f8ec833}.blog-detail-related{margin-top:3rem}.blog-detail-related-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#1e293b;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:3px solid #0F8EC8;display:inline-block}.blog-detail-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.blog-detail-related-card{background-color:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-detail-related-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#0f8ec8}.blog-detail-related-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#f9fafb,#e5e7eb)}.blog-detail-related-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .3s ease}.blog-detail-related-card:hover .blog-detail-related-image img{transform:scale(1.05)}.blog-detail-related-body{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.blog-detail-related-title-card{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.blog-detail-related-card:hover .blog-detail-related-title-card{color:#0f8ec8}.blog-detail-related-date{font-size:.875rem;color:#64748b;margin:0}.blog-detail-state{padding:2rem 0;text-align:center;color:#64748b;font-size:.95rem}.blog-detail-state-error{color:#b91c1c}.blog-detail-skeleton{padding:2.5rem 0}.blog-detail-skeleton-header{height:2.5rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:8px;margin-bottom:1.5rem}.blog-detail-skeleton-image{width:100%;aspect-ratio:16 / 9;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:12px;margin-bottom:2rem}.blog-detail-skeleton-content{height:1.25rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:4px;margin-bottom:1rem}.blog-detail-skeleton-content:last-child{width:60%}@media(max-width:1024px){.blog-detail-back-header,.blog-detail-section{padding:0 1.5rem}}@media(max-width:768px){.blog-detail-back-header,.blog-detail-section{padding:0 1.25rem}.blog-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem}.blog-detail-container{padding:0 0 1.75rem}.blog-detail-title{margin-bottom:.875rem}.blog-detail-meta{font-size:.875rem;gap:.5rem}.blog-detail-image{margin-bottom:2rem;border-radius:8px}.blog-detail-isi{font-size:1rem;line-height:1.7}.blog-detail-isi p{margin-bottom:1rem}.blog-detail-isi p[style*=font-size],.blog-detail-isi span[style*=font-size],.blog-detail-isi div[style*=font-size],.blog-detail-isi *[style*=font-size]{font-size:1rem!important}.blog-detail-footer{padding-top:1.5rem;gap:1.25rem}.blog-detail-tags{gap:.5rem}.blog-detail-related{margin-top:2rem}.blog-detail-related-title{margin-bottom:1.5rem;font-size:1.5rem}.blog-detail-related-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:480px){.blog-detail-back-header,.blog-detail-section{padding:0 1rem}.blog-detail-back-button{padding:.625rem 1rem;font-size:.875rem}.blog-detail-container{padding:0 0 1.5rem}.blog-detail-ringkasan{margin-bottom:1.25rem}.blog-detail-ringkasan p{font-size:1rem}.blog-detail-title{font-size:1.5rem}.blog-detail-meta{flex-direction:column;align-items:flex-start;gap:.375rem}.blog-detail-separator{display:none}.blog-detail-isi{font-size:.95rem;line-height:1.6}.blog-detail-isi p{margin-bottom:1rem;text-align:left}.blog-detail-isi p[style*=font-size],.blog-detail-isi span[style*=font-size],.blog-detail-isi div[style*=font-size],.blog-detail-isi *[style*=font-size]{font-size:.95rem!important}.blog-detail-isi h1{font-size:clamp(1.5rem,3vw + .5rem,1.75rem)}.blog-detail-isi h2{font-size:clamp(1.375rem,2.5vw + .5rem,1.5rem)}.blog-detail-isi h3{font-size:clamp(1.25rem,2vw + .5rem,1.375rem)}.blog-detail-related-title{font-size:1.25rem;margin-bottom:1.25rem}.blog-detail-related-body{padding:1rem}.blog-detail-related-title-card{font-size:1rem}}.blog-kategori-main{padding:2rem 0 0;background-color:#f7f8fa}.blog-kategori-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:#1e293b;margin:0}.blog-kategori-title a{color:#1e293b;text-decoration:none;transition:color .2s ease}.blog-kategori-title a:hover{color:#0f8ec8}.blog-kategori-sep{margin:0 .5rem;color:#64748b}@media(max-width:768px){.blog-kategori-main{padding:2.5rem 1.25rem 3rem}.blog-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem}.blog-detail-back-header{padding:0 1.25rem}.blog-grid,.blog-skeleton-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-tag-main{padding:2rem 0 0;background-color:#f7f8fa}.blog-detail-back-header{max-width:1400px;margin:0 auto;padding:0 2rem}.blog-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.blog-container{max-width:1120px;margin:0 auto;padding:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.blog-detail-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;width:auto}.blog-tag-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:#1e293b;margin:0}.blog-tag-title a{color:#1e293b;text-decoration:none;transition:color .2s ease}.blog-tag-title a:hover{color:#0f8ec8}.blog-tag-sep{margin:0 .5rem;color:#64748b}.blog-detail-back-button:hover{background-color:#0f8ec8;border-color:#0f8ec8;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0f8ec840}.blog-detail-back-button:active{transform:translate(-2px)}.blog-detail-back-button svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.blog-detail-back-button:hover svg{transform:translate(-2px)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;align-items:stretch}.blog-card{background-color:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000d;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#0f8ec8}.blog-card-image{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#f9fafb,#e5e7eb);overflow:hidden;flex-shrink:0}.blog-card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.blog-card-date{font-size:.875rem;color:#64748b;font-weight:500}.blog-card-author{font-size:.8125rem;color:#94a3b8}.blog-card-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .875rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-desc{font-size:.9375rem;color:#475569;margin:0 0 1.25rem;line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{display:inline-block;padding:.625rem 1.25rem;background-color:#fff;color:#0f8ec8;border:1.5px solid #0F8EC8;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9375rem;transition:background-color .2s ease,color .2s ease;text-align:center;margin-top:auto}.blog-card-link:hover{background-color:#0f8ec8;color:#fff}.blog-state{padding:1.5rem 0;text-align:center;color:#64748b;font-size:.95rem}.blog-state-error{color:#b91c1c}.blog-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.blog-skeleton-card{height:400px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:blog-skeleton-loading 1.2s ease-in-out infinite}@keyframes blog-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.blog-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem 0;width:100%}@media(max-width:1024px){.blog-detail-back-header,.blog-section{padding:0 1.5rem}}@media(max-width:768px){.blog-tag-main{padding:2.5rem 1.25rem 3rem}.blog-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem}.blog-detail-back-header{padding:0 1.25rem}.blog-grid,.blog-skeleton-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.blog-detail-back-header{padding:0 1rem}.blog-detail-back-button{padding:.625rem 1rem;font-size:.875rem}.blog-section{padding:0 1rem}.blog-card-body{padding:1.25rem}.blog-card-title{font-size:1.125rem}.blog-card-desc{font-size:.875rem}}.kunjungan-main{padding:0;background-color:#f7f8fa}.kunjungan-header{max-width:1400px;margin:0 auto;padding:2rem 2rem 0;margin-bottom:2rem}.kunjungan-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color);margin:0}.kunjungan-description-wrapper{margin-bottom:1.5rem}.kunjungan-subtitle{margin:0;font-size:1.05rem;color:#fff;line-height:1.8;text-align:justify;padding:1.75rem 2rem;background-color:var(--primary-color, #0F8EC8);border-radius:.5rem;box-shadow:0 2px 8px #0f8ec833}.kunjungan-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.kunjungan-container{max-width:1120px;margin:0 auto;padding:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.kunjungan-search-card{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.7rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;padding:1.25rem;width:100%;max-width:100%;align-self:stretch;margin:0;box-sizing:border-box}.kunjungan-search-form{width:100%;margin:0}.kunjungan-search-wrapper{display:flex;align-items:center;gap:.75rem;width:100%;flex:1 1 auto;background:transparent;border-radius:10px;border:none;padding:0}.kunjungan-search-wrapper .material-symbols-rounded{color:var(--primary-color, #0F8EC8);font-size:1.5rem;flex-shrink:0}.kunjungan-search-wrapper .search-icon{flex-shrink:0}.kunjungan-search-wrapper input[type=text]{flex-grow:1;border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:.65rem .75rem;font-size:1rem;outline:none;color:var(--dark-color);min-height:44px}.kunjungan-search-wrapper input[type=text]::placeholder{color:#999}.kunjungan-search-wrapper .clear-search{color:#999;cursor:pointer;font-size:1.25rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.kunjungan-search-wrapper .clear-search:hover{color:var(--primary-color, #0F8EC8);background-color:#0f8ec81a}.kunjungan-search-wrapper button[type=submit]{background:var(--primary-color, #0F8EC8);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease;flex-shrink:0;white-space:nowrap}.kunjungan-search-wrapper button[type=submit]:hover:not(:disabled){background:var(--primary-dark, #0a6fa0);transform:translateY(-1px);box-shadow:0 4px 12px #0f8ec84d}.kunjungan-search-wrapper button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.kunjungan-state{padding:1.5rem 0;text-align:center;color:#6b7280;font-size:.95rem}.kunjungan-state-error{color:#b91c1c;display:flex;flex-direction:column;align-items:center;gap:1rem}.retry-button:hover{background-color:var(--primary-dark, #0a6fa0);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.kunjungan-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;align-items:stretch;margin-top:1rem}.kunjungan-skeleton-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column}.kunjungan-skeleton-image{width:100%;aspect-ratio:3240 / 1272;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.kunjungan-skeleton-info{padding:1.5rem;height:100px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.kunjungan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;align-items:stretch;margin-top:1rem}.kunjungan-card{background-color:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000d;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.kunjungan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#0f8ec8}.kunjungan-card-image{position:relative;width:100%;aspect-ratio:3240 / 1272;background:linear-gradient(135deg,#f9fafb,#e5e7eb);overflow:hidden;flex-shrink:0}.kunjungan-card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .3s ease}.kunjungan-card:hover .kunjungan-card-image img{transform:scale(1.05)}.kunjungan-card-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;text-align:center;gap:.5rem}.kunjungan-card-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kunjungan-card-waktu{font-size:.875rem;color:#64748b;font-weight:500;margin-top:auto}.loading-state .material-symbols-rounded{font-size:4rem;color:var(--primary-color, #0F8EC8);margin-bottom:1rem;animation:pulse 2s infinite}.kunjungan-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem 0;width:100%}.pagination-info{font-size:.95rem;color:#6b7280;font-weight:400}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-nav-button,.pagination-page-button{min-width:40px;height:40px;padding:0 .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-nav-button:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.pagination-nav-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.pagination-page-button.active{background-color:var(--primary-color, #0F8EC8);color:#fff;border-color:var(--primary-color, #0F8EC8);cursor:default}@media(max-width:1024px){.kunjungan-header{padding:1.75rem 1.5rem 0}.kunjungan-section{padding:0 1.5rem}.kunjungan-subtitle{padding:1.5rem 1.75rem}}@media(max-width:768px){.kunjungan-header{padding:1.5rem 1.25rem 0;margin-bottom:1.5rem}.kunjungan-section{padding:0 1.25rem}.kunjungan-subtitle{padding:1.5rem;font-size:1rem;line-height:1.7;text-align:justify}.kunjungan-search-card{padding:1rem;gap:.65rem}.kunjungan-search-wrapper{gap:.6rem}.kunjungan-search-wrapper .material-symbols-rounded{font-size:1.25rem}.kunjungan-search-wrapper input[type=text]{font-size:.95rem;padding:.65rem .75rem}.kunjungan-search-wrapper button[type=submit]{padding:.6rem 1.1rem;font-size:.9rem;min-height:44px}.kunjungan-grid,.kunjungan-skeleton-grid{grid-template-columns:1fr;gap:1.5rem}.kunjungan-card-title{font-size:1.25rem}}@media(max-width:480px){.kunjungan-header{padding:1.25rem 1rem 0;margin-bottom:1.25rem}.kunjungan-section{padding:0 1rem}.kunjungan-subtitle{padding:1.25rem;font-size:.95rem;line-height:1.65;border-left-width:3px}.kunjungan-search-wrapper .search-icon{display:none}.kunjungan-search-wrapper{gap:.5rem}.kunjungan-grid,.kunjungan-skeleton-grid{grid-template-columns:1fr;gap:1.5rem}.kunjungan-card-info{padding:1.25rem}.kunjungan-card-title{font-size:1.125rem}.kunjungan-card-waktu{font-size:.875rem}.kunjungan-pagination{flex-direction:column;gap:1rem;padding:1.25rem 0;align-items:flex-start}.pagination-info{font-size:.9rem;width:100%}.pagination-controls{width:100%;justify-content:center}.pagination-nav-button,.pagination-page-button{min-width:36px;height:36px;font-size:.9rem}}.detail-kunjungan-main{padding:2rem 0 0;background-color:#f7f8fa}.detail-kunjungan-header{max-width:1400px;margin:0 auto;padding:0 2rem;margin-bottom:2rem}.detail-kunjungan-section{max-width:1120px;margin:0 auto;padding:0 1.5rem}.kunjungan-detail-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;width:auto}.kunjungan-detail-back-button:hover{background-color:#0f8ec8;border-color:#0f8ec8;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0f8ec840}.kunjungan-detail-back-button:active{transform:translate(-2px)}.kunjungan-detail-back-button svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.kunjungan-detail-back-button:hover svg{transform:translate(-2px)}.detail-skeleton-container{width:100%}.detail-skeleton-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem}.detail-skeleton-title{height:36px;width:70%;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.detail-skeleton-waktu{height:20px;width:50%;border-radius:4px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.detail-skeleton-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:2rem;background-color:#fff}.detail-skeleton-image{width:100%;height:400px;border-radius:10px;margin-bottom:2rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.detail-skeleton-content{display:flex;flex-direction:column;gap:1rem}.detail-skeleton-text{height:20px;width:100%;border-radius:4px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.detail-skeleton-text.short{width:60%}.detail-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-message{font-size:1.1rem;color:#dc3545;margin-bottom:1.5rem}.retry-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color, #0F8EC8);color:#fff;text-decoration:none;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.retry-button:hover{background-color:var(--primary-dark, #0a6fa0);transform:translateY(-2px);box-shadow:0 4px 12px #0f8ec84d}.detail-header{width:100%;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;box-sizing:border-box}.detail-title{font-size:clamp(2rem,4vw,2.4rem);font-weight:700;color:var(--dark-color);margin:0;margin-bottom:.75rem}.detail-waktu{display:inline-block;font-size:.95rem;color:#6b7280;font-weight:400}.detail-card{width:100%!important;max-width:none!important;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:2rem;margin-bottom:3rem;background-color:#fff;display:flex!important;flex-direction:column!important;box-sizing:border-box;margin-left:0!important;margin-right:0!important}.detail-card>*{width:100%!important;display:block!important;float:none!important;clear:both!important}.kunjungan-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);grid-auto-flow:dense;gap:12px;width:100%}.kunjungan-image-container{width:100%;display:block;overflow:hidden;position:relative;border-radius:8px}.kunjungan-image-container.portrait{grid-row:span 2}.kunjungan-image-container.landscape{grid-column:span 1}.kunjungan-image-container img{width:100%;height:100%;display:block;object-fit:cover;border:1px solid #e5e7eb;border-radius:8px}.kunjungan-section-title{font-size:1.5rem;font-weight:700;color:var(--primary-color, #0F8EC8);margin-bottom:1.25rem;margin-top:0}.kunjungan-description{width:100%!important;margin-bottom:2.5rem;display:block!important;clear:both;float:none!important;order:1}.kunjungan-description-text{font-size:1.1rem;line-height:1.8;color:#374151;text-align:justify}.kunjungan-description-text p{margin-bottom:1.25rem}.kunjungan-description-text p:last-child{margin-bottom:0}.kunjungan-photos-section{width:100%!important;margin-top:2rem;display:block!important;clear:both;float:none!important;order:2}.kunjungan-photos-section .kunjungan-section-title{margin-bottom:1.5rem}@media(max-width:1024px){.detail-kunjungan-header,.detail-kunjungan-section{padding:0 1.5rem}}@media(max-width:768px){.detail-kunjungan-header{padding:0 1.25rem;margin-bottom:1.5rem}.detail-kunjungan-section{padding:0 1.25rem}.kunjungan-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem}.detail-skeleton-header{margin-bottom:1.5rem;padding-bottom:.75rem}.detail-skeleton-card{padding:1.5rem}.detail-skeleton-image{height:250px;margin-bottom:1.5rem}.detail-header{margin-bottom:1.5rem;padding-bottom:.75rem}.detail-title{font-size:1.75rem}.detail-waktu{font-size:.875rem}.detail-card{padding:1.5rem;border-radius:10px}.kunjungan-section-title{font-size:1.25rem;margin-bottom:1rem}.kunjungan-description{margin-bottom:2rem}.kunjungan-photos-section{margin-top:1.5rem}.kunjungan-photos-section .kunjungan-section-title{margin-bottom:1.25rem}.kunjungan-photos-grid{grid-template-columns:1fr;gap:10px}.kunjungan-image-container,.kunjungan-image-container img{border-radius:8px}.kunjungan-image-container.portrait{grid-row:span 1}.kunjungan-image-container.landscape{grid-column:span 1}.kunjungan-description-text{font-size:1rem;line-height:1.7}}@media(max-width:480px){.detail-kunjungan-header{padding:0 1rem;margin-bottom:1.25rem}.detail-kunjungan-section{padding:0 1rem}.kunjungan-detail-back-button{padding:.625rem 1rem;font-size:.875rem}.detail-skeleton-header{margin-bottom:1.25rem;padding-bottom:.625rem}.detail-skeleton-card{padding:1.25rem}.detail-skeleton-image{height:200px;margin-bottom:1.25rem}.detail-header{margin-bottom:1.25rem;padding-bottom:.625rem}.detail-title{font-size:1.5rem}.detail-waktu{font-size:.8rem}.detail-card{padding:1.25rem;margin-bottom:2rem;border-radius:8px}.kunjungan-section-title{font-size:1.1rem;margin-bottom:.875rem}.kunjungan-description{margin-bottom:1.75rem}.kunjungan-photos-section{margin-top:1.25rem}.kunjungan-photos-section .kunjungan-section-title{margin-bottom:1rem}.kunjungan-photos-grid{gap:8px}.kunjungan-image-container,.kunjungan-image-container img{border-radius:6px}.kunjungan-description-text{font-size:.95rem;line-height:1.6;text-align:left}.kunjungan-description-text p{margin-bottom:1rem}}.hero-buku-search{background-image:url(/assets/3-CAeTCEIY.webp);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:5rem 0 4rem;text-align:center;position:relative;z-index:1;min-height:380px;display:flex;align-items:center}.hero-buku-search:before{content:"";position:absolute;inset:0;background:#0000008c;z-index:-1}.hero-buku-content{margin-bottom:2.5rem;z-index:2;position:relative}.hero-buku-search h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-buku-search p{font-size:clamp(1rem,2.5vw,1.125rem);margin:0 auto;max-width:700px;opacity:.95;line-height:1.6}.buku-search-form{max-width:700px;margin:0 auto;z-index:2;position:relative}.buku-search-wrapper{display:flex;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;padding:.5rem 1.25rem;gap:.875rem;align-items:center;flex-wrap:nowrap;border:1px solid rgba(255,255,255,.2)}.buku-search-wrapper .material-symbols-rounded{color:var(--primary-color);font-size:1.8rem;flex-shrink:0}.buku-search-wrapper input[type=text]{flex-grow:1;border:none;padding:.875rem 0;font-size:1rem;outline:none;color:var(--dark-color);background:transparent}.buku-search-wrapper input[type=text]::placeholder{color:#999}.buku-search-wrapper .clear-search{color:#999;cursor:pointer;font-size:1.5rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.buku-search-wrapper .clear-search:hover{color:var(--primary-color);background-color:#0f8ec81a}.buku-search-wrapper button[type=submit]{background:linear-gradient(135deg,var(--primary-color) 0%,#0c729c 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;box-shadow:0 4px 16px #0f8ec84d;min-width:120px}.buku-search-wrapper button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#0c729c 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 8px 28px #0f8ec873}.buku-search-wrapper button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.buku-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:var(--danger-color);margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.buku-empty{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.buku-empty-error{background-color:#fee2e2;border:2px solid #dc3545;color:#dc3545;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:1rem}.buku-empty-not-found{background-color:#fee2e2;border:2px solid #dc3545;border-radius:50px;padding:2rem 1.5rem;text-align:center;color:#dc3545;font-weight:500;margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.buku-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem;margin-bottom:0}.buku-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;text-align:center;text-decoration:none;color:var(--dark-color);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column;position:relative}.buku-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026;border-color:var(--primary-color)}.buku-type-badge{position:absolute;top:12px;right:12px;background-color:var(--success-color);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 2px 8px #00000026;text-transform:uppercase;letter-spacing:.5px}.buku-image-wrapper{width:100%;aspect-ratio:3 / 4;background:linear-gradient(135deg,#f9fafb,#e5e7eb);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.buku-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.buku-card:hover .buku-image-wrapper img{transform:scale(1.05)}.buku-info{padding:1.5rem 1.25rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.buku-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.4;color:var(--dark-color);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em}.buku-card p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.hero-buku-search{padding:3.5rem 0 2.5rem;min-height:320px;background-attachment:scroll}.hero-buku-search h1{font-size:1.75rem}.hero-buku-search p{font-size:.9375rem;margin-bottom:1.5rem}.buku-search-wrapper{padding:.75rem 1rem;gap:.75rem}.buku-search-wrapper .material-symbols-rounded{font-size:1.5rem}.buku-search-wrapper input[type=text]{padding:.75rem 0;font-size:.9375rem}.buku-search-wrapper button[type=submit]{padding:.75rem 1.5rem;font-size:.875rem;min-width:100px}.modal-content{max-width:95%;margin:1rem;max-height:95vh}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.125rem}.modal-form{padding:1.25rem}.modal-fields{grid-template-columns:1fr;gap:.875rem;margin-bottom:1.25rem}.modal-actions{flex-direction:column}.btn-clear,.btn-submit{width:100%}.buku-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.results-header{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.results-header .section-title{font-size:1.25rem;flex:1}.btn-hapus{padding:.625rem 1rem;font-size:.875rem;white-space:nowrap}.page-content{padding:3rem 0 4rem}}@media(max-width:480px){.container{padding:0 1rem}.hero-buku-search{padding:3rem 0 2rem;min-height:280px;background-attachment:scroll}.page-content{padding:2.5rem 0 3.5rem}.buku-grid{grid-template-columns:1fr}.buku-card h3{font-size:1rem}.buku-card p{font-size:.875rem}.section-title{font-size:1.5rem}}.buku-detail-main{padding:2rem 1.5rem 4rem;background-color:#f7f8fa}.buku-detail-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-bottom:2.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;width:auto}.buku-detail-back-button:hover{background-color:#0f8ec8;border-color:#0f8ec8;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0f8ec840}.buku-detail-back-button:active{transform:translate(-2px)}.buku-detail-back-button svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.buku-detail-back-button:hover svg{transform:translate(-2px)}.buku-detail-section{max-width:1120px;margin:0 auto}.buku-detail-container{padding:2.5rem 0;margin-bottom:3rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.buku-detail-header{margin-bottom:2rem;padding:2.5rem 2.5rem 0}.buku-detail-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#1e293b;margin:0;line-height:1.3}.buku-detail-content-wrapper{display:flex;gap:3rem;padding:0 2.5rem 2.5rem}.buku-detail-cover-section{flex-shrink:0;width:35%;max-width:320px}.buku-detail-image{width:100%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f9fafb,#e5e7eb);box-shadow:0 4px 15px #0000001a}.buku-detail-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.buku-detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#94a3b8;font-weight:500;background:linear-gradient(135deg,#f9fafb,#e5e7eb)}.buku-detail-info-section{flex-grow:1}.buku-detail-metadata-table{width:100%;border-collapse:collapse;font-size:1.0625rem;margin-bottom:2rem}.buku-detail-metadata-table tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.buku-detail-metadata-table tr:hover{background-color:#fafafa}.buku-detail-metadata-table tr:last-child{border-bottom:none}.buku-detail-metadata-table td{padding:14px 0;vertical-align:top}.buku-detail-label{width:180px;font-weight:600;color:#475569;padding-right:1rem}.buku-detail-separator{width:12px;text-align:center;font-weight:700;color:#0f8ec8;padding:0 8px}.buku-detail-value{color:#1e293b;line-height:1.6}.buku-detail-sinopsis{margin-top:2.5rem;padding-top:2rem;border-top:2px solid #e5e7eb}.buku-detail-sinopsis-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:3px solid #0F8EC8;display:inline-block}.buku-detail-sinopsis-text{text-align:justify;line-height:1.8;color:#475569;font-size:1.0625rem;margin:0}.buku-detail-state{padding:2rem 0;text-align:center;color:#64748b;font-size:.95rem}.buku-detail-state-error{color:#b91c1c}.buku-detail-skeleton{padding:2.5rem 0}.buku-detail-skeleton-header{height:2.5rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:8px;margin-bottom:1.5rem;max-width:600px}.buku-detail-skeleton-image{width:100%;max-width:280px;aspect-ratio:3 / 4;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:12px;margin-bottom:2rem}.buku-detail-skeleton-content{height:1.25rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:4px;margin-bottom:1rem}.buku-detail-skeleton-content:last-child{width:60%}@media(max-width:968px){.buku-detail-content-wrapper{flex-direction:column;gap:2rem}.buku-detail-cover-section{width:60%;max-width:280px;margin:0 auto}}@media(max-width:768px){.buku-detail-main{padding:1.5rem 1.25rem 3rem}.buku-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem;margin-bottom:2rem;gap:.375rem}.buku-detail-back-button svg{width:18px;height:18px}.buku-detail-container{padding:1.75rem 0}.buku-detail-header{padding:1.75rem 1.5rem 0}.buku-detail-title{margin-bottom:.875rem}.buku-detail-content-wrapper{padding:0 1.5rem 1.75rem;gap:1.5rem}.buku-detail-cover-section{width:70%;max-width:250px}.buku-detail-metadata-table{font-size:1rem}.buku-detail-label{width:140px;font-size:.95rem}.buku-detail-sinopsis{margin-top:2rem;padding-top:1.5rem}.buku-detail-sinopsis-title{font-size:1.25rem}.buku-detail-sinopsis-text{font-size:1rem}}@media(max-width:480px){.buku-detail-main{padding:1.25rem 1rem 2.5rem}.buku-detail-back-button{padding:.625rem 1rem;font-size:.8125rem;margin-bottom:1.5rem;gap:.375rem}.buku-detail-back-button svg{width:16px;height:16px}.buku-detail-container{padding:1.5rem 0;border-radius:8px}.buku-detail-header{padding:1.5rem 1.25rem 0}.buku-detail-title{font-size:1.5rem}.buku-detail-content-wrapper{padding:0 1.25rem 1.5rem;gap:1.25rem}.buku-detail-cover-section{width:80%;max-width:220px}.buku-detail-metadata-table{font-size:.9rem}.buku-detail-label{width:120px;font-size:.9rem;padding-right:.5rem}.buku-detail-separator{padding:0 4px}.buku-detail-sinopsis-title{font-size:1.1rem}.buku-detail-sinopsis-text{font-size:.9375rem}}:root{--primary-color: #0F8EC8;--secondary-color: #E6F3FA;--dark-color: #1e293b;--light-color: #f7f8fa;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--border-color: #e5e7eb;--text-secondary: #64748b}.hero-majalah-search{background-image:url(/assets/3-CAeTCEIY.webp);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:5rem 0 4rem;text-align:center;position:relative;z-index:1;min-height:380px;display:flex;align-items:center}.hero-majalah-search:before{content:"";position:absolute;inset:0;background:#0000008c;z-index:-1}.hero-majalah-content{margin-bottom:2.5rem;z-index:2;position:relative}.hero-majalah-search h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-majalah-search p{font-size:clamp(1rem,2.5vw,1.125rem);margin:0 auto;max-width:700px;opacity:.95;line-height:1.6}.majalah-search-form{max-width:700px;margin:0 auto;z-index:2;position:relative}.majalah-search-wrapper{display:flex;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;padding:.5rem 1.25rem;gap:.875rem;align-items:center;flex-wrap:nowrap;border:1px solid rgba(255,255,255,.2)}.majalah-search-wrapper .material-symbols-rounded{color:var(--primary-color);font-size:1.8rem;flex-shrink:0}.majalah-search-wrapper input[type=text]{flex-grow:1;border:none;padding:.875rem 0;font-size:1rem;outline:none;color:var(--dark-color);background:transparent}.majalah-search-wrapper input[type=text]::placeholder{color:#999}.majalah-search-wrapper .clear-search{color:#999;cursor:pointer;font-size:1.5rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.majalah-search-wrapper .clear-search:hover{color:var(--primary-color);background-color:#0f8ec81a}.majalah-search-wrapper button[type=submit]{background:linear-gradient(135deg,var(--primary-color) 0%,#0c729c 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;box-shadow:0 4px 16px #0f8ec84d;min-width:120px}.majalah-search-wrapper button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#0c729c 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 8px 28px #0f8ec873}.majalah-search-wrapper button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.pencarian-spesifik{margin-top:1.5rem;z-index:2;position:relative}.pencarian-spesifik a{color:#fff;text-decoration:none;border:2px solid white;padding:10px 20px;border-radius:25px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-block;background-color:transparent}.pencarian-spesifik a:hover{background-color:#ffffff1a;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;overflow:hidden;animation:slideUp .3s ease;position:relative;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-color);background:#fff;z-index:10;border-radius:20px 20px 0 0;flex-shrink:0}.modal-header h2{font-size:1.375rem;font-weight:700;color:var(--dark-color);margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;color:var(--text-secondary)}.modal-close:hover{background-color:#f1f5f9;color:var(--dark-color)}.modal-close .material-symbols-rounded{font-size:1.5rem}.modal-form{padding:1.5rem 1.75rem;overflow-y:auto;flex:1;display:flex;flex-direction:column}.modal-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;flex:1}.modal-field-group{display:flex;flex-direction:column}.modal-field-group label{font-weight:600;color:var(--dark-color);margin-bottom:.4rem;font-size:.875rem}.modal-field-group input,.modal-field-group select{padding:.75rem .875rem;border:1.5px solid var(--border-color);border-radius:8px;font-size:.875rem;outline:none;transition:all .3s ease;font-family:inherit}.modal-field-group input:focus,.modal-field-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0f8ec81a}.modal-field-group select{cursor:pointer;background-color:#fff}.modal-actions{display:flex;gap:.875rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color);flex-shrink:0;margin-top:auto}.btn-clear{background:#fff;color:var(--danger-color);border:1.5px solid var(--danger-color);padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease}.btn-clear:hover{background-color:#dc35450d;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,var(--primary-color) 0%,#0c729c 100%);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0f8ec84d}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#0c729c 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 8px 28px #0f8ec873}.btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.majalah-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:var(--danger-color);margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.majalah-empty{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.majalah-empty-error{background-color:#fee2e2;border:2px solid #dc3545;color:#dc3545;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:1rem}.majalah-empty-not-found{background-color:#fee2e2;border:2px solid #dc3545;border-radius:50px;padding:2rem 1.5rem;text-align:center;color:#dc3545;font-weight:500;margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.majalah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem;margin-bottom:0}.majalah-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;text-align:center;text-decoration:none;color:var(--dark-color);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column;position:relative}.majalah-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026;border-color:var(--primary-color)}.majalah-type-badge{position:absolute;top:12px;right:12px;background-color:var(--warning-color);color:var(--dark-color);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 2px 8px #00000026;text-transform:uppercase;letter-spacing:.5px}.majalah-image-wrapper{width:100%;aspect-ratio:3 / 4;background:linear-gradient(135deg,#f9fafb,#e5e7eb);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.majalah-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.majalah-card:hover .majalah-image-wrapper img{transform:scale(1.05)}.majalah-info{padding:1.5rem 1.25rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.majalah-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.4;color:var(--dark-color);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em}.majalah-card p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.hero-majalah-search{padding:3.5rem 0 2.5rem;min-height:320px;background-attachment:scroll}.hero-majalah-search h1{font-size:1.75rem}.hero-majalah-search p{font-size:.9375rem;margin-bottom:1.5rem}.majalah-search-wrapper{padding:.75rem 1rem;gap:.75rem}.majalah-search-wrapper .material-symbols-rounded{font-size:1.5rem}.majalah-search-wrapper input[type=text]{padding:.75rem 0;font-size:.9375rem}.majalah-search-wrapper button[type=submit]{padding:.75rem 1.5rem;font-size:.875rem;min-width:100px}.modal-content{max-width:95%;margin:1rem;max-height:95vh}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.125rem}.modal-form{padding:1.25rem}.modal-fields{grid-template-columns:1fr;gap:.875rem;margin-bottom:1.25rem}.modal-actions{flex-direction:column}.btn-clear,.btn-submit{width:100%}.majalah-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.results-header{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.results-header .section-title{font-size:1.25rem;flex:1}.btn-hapus{padding:.625rem 1rem;font-size:.875rem;white-space:nowrap}.page-content{padding:3rem 0 4rem}}@media(max-width:480px){.container{padding:0 1rem}.hero-majalah-search{padding:3rem 0 2rem;min-height:280px;background-attachment:scroll}.page-content{padding:2.5rem 0 3.5rem}.majalah-grid{grid-template-columns:1fr}.majalah-card h3{font-size:1rem}.majalah-card p{font-size:.875rem}.section-title{font-size:1.5rem}}.majalah-detail-main{padding:2rem 1.5rem 4rem;background-color:#f7f8fa}.majalah-detail-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-bottom:2.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000a;width:auto}.majalah-detail-back-button:hover{background-color:#0f8ec8;border-color:#0f8ec8;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0f8ec840}.majalah-detail-back-button:active{transform:translate(-2px)}.majalah-detail-back-button svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.majalah-detail-back-button:hover svg{transform:translate(-2px)}.majalah-detail-section{max-width:1120px;margin:0 auto}.majalah-detail-container{padding:2.5rem 0;margin-bottom:3rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.majalah-detail-header{margin-bottom:2rem;padding:2.5rem 2.5rem 0}.majalah-detail-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#1e293b;margin:0;line-height:1.3}.majalah-detail-content-wrapper{display:flex;gap:3rem;padding:0 2.5rem 2.5rem}.majalah-detail-cover-section{flex-shrink:0;width:35%;max-width:320px}.majalah-detail-image{width:100%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f9fafb,#e5e7eb);box-shadow:0 4px 15px #0000001a}.majalah-detail-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.majalah-detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#94a3b8;font-weight:500;background:linear-gradient(135deg,#f9fafb,#e5e7eb)}.majalah-detail-info-section{flex-grow:1}.majalah-detail-metadata-table{width:100%;border-collapse:collapse;font-size:1.0625rem;margin-bottom:2rem}.majalah-detail-metadata-table tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.majalah-detail-metadata-table tr:hover{background-color:#fafafa}.majalah-detail-metadata-table tr:last-child{border-bottom:none}.majalah-detail-metadata-table td{padding:14px 0;vertical-align:top}.majalah-detail-label{width:180px;font-weight:600;color:#475569;padding-right:1rem}.majalah-detail-separator{width:12px;text-align:center;font-weight:700;color:#0f8ec8;padding:0 8px}.majalah-detail-value{color:#1e293b;line-height:1.6}.majalah-detail-sinopsis{margin-top:2.5rem;padding-top:2rem;border-top:2px solid #e5e7eb}.majalah-detail-sinopsis-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:3px solid #0F8EC8;display:inline-block}.majalah-detail-sinopsis-text{text-align:justify;line-height:1.8;color:#475569;font-size:1.0625rem;margin:0}.majalah-detail-state{padding:2rem 0;text-align:center;color:#64748b;font-size:.95rem}.majalah-detail-state-error{color:#b91c1c}.majalah-detail-skeleton{padding:2.5rem 0}.majalah-detail-skeleton-header{height:2.5rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:8px;margin-bottom:1.5rem;max-width:600px}.majalah-detail-skeleton-image{width:100%;max-width:280px;aspect-ratio:3 / 4;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:12px;margin-bottom:2rem}.majalah-detail-skeleton-content{height:1.25rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:4px;margin-bottom:1rem}.majalah-detail-skeleton-content:last-child{width:60%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:968px){.majalah-detail-content-wrapper{flex-direction:column;gap:2rem}.majalah-detail-cover-section{width:60%;max-width:280px;margin:0 auto}}@media(max-width:768px){.majalah-detail-main{padding:1.5rem 1.25rem 3rem}.majalah-detail-back-button{padding:.625rem 1.25rem;font-size:.875rem;margin-bottom:2rem;gap:.375rem}.majalah-detail-back-button svg{width:18px;height:18px}.majalah-detail-container{padding:1.75rem 0}.majalah-detail-header{padding:1.75rem 1.5rem 0}.majalah-detail-title{margin-bottom:.875rem}.majalah-detail-content-wrapper{padding:0 1.5rem 1.75rem;gap:1.5rem}.majalah-detail-cover-section{width:70%;max-width:250px}.majalah-detail-metadata-table{font-size:1rem}.majalah-detail-label{width:140px;font-size:.95rem}.majalah-detail-sinopsis{margin-top:2rem;padding-top:1.5rem}.majalah-detail-sinopsis-title{font-size:1.25rem}.majalah-detail-sinopsis-text{font-size:1rem}}@media(max-width:480px){.majalah-detail-main{padding:1.25rem 1rem 2.5rem}.majalah-detail-back-button{padding:.625rem 1rem;font-size:.8125rem;margin-bottom:1.5rem;gap:.375rem}.majalah-detail-back-button svg{width:16px;height:16px}.majalah-detail-container{padding:1.5rem 0;border-radius:8px}.majalah-detail-header{padding:1.5rem 1.25rem 0}.majalah-detail-title{font-size:1.5rem}.majalah-detail-content-wrapper{padding:0 1.25rem 1.5rem;gap:1.25rem}.majalah-detail-cover-section{width:80%;max-width:220px}.majalah-detail-metadata-table{font-size:.9rem}.majalah-detail-label{width:120px;font-size:.9rem;padding-right:.5rem}.majalah-detail-separator{padding:0 4px}.majalah-detail-sinopsis-title{font-size:1.1rem}.majalah-detail-sinopsis-text{font-size:.9375rem}}:root{--primary-color: #0F8EC8;--secondary-color: #E6F3FA;--dark-color: #1e293b;--light-color: #f7f8fa;--success-color: #28a745;--danger-color: #dc3545;--border-color: #e5e7eb;--text-secondary: #64748b}.koran-empty{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.koran-empty-error{background-color:#fee2e2;border:2px solid #dc3545;color:#dc3545;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:1rem}.retry-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;margin-top:.75rem}.retry-button:hover{background-color:#0c729c;transform:translateY(-2px);box-shadow:0 4px 12px #0f8ec84d}.koran-empty-not-found{background-color:#fee2e2;border:2px solid #dc3545;border-radius:50px;padding:2rem 1.5rem;text-align:center;color:#dc3545;font-weight:500;margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.koran-skeleton-section{margin-bottom:3rem}.koran-skeleton-title{height:2rem;width:300px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:koran-skeleton-loading 1.2s ease-in-out infinite;border-radius:8px;margin-bottom:2rem}.koran-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.koran-skeleton-card{height:280px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:koran-skeleton-loading 1.2s ease-in-out infinite}@keyframes koran-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-koran-search{background-image:url(/assets/3-CAeTCEIY.webp);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:5rem 0 4rem;text-align:center;position:relative;z-index:1;min-height:380px;display:flex;align-items:center}.hero-koran-search:before{content:"";position:absolute;inset:0;background:#0000008c;z-index:-1}.hero-koran-content{margin-bottom:2.5rem;z-index:2;position:relative}.hero-koran-search h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-koran-search p{font-size:clamp(1rem,2.5vw,1.125rem);margin:0 auto;max-width:700px;opacity:.95;line-height:1.6}.koran-search-form{max-width:900px;margin:0 auto}.koran-filters-wrapper{display:flex;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;padding:1rem 1.25rem;gap:.875rem;align-items:stretch;flex-wrap:nowrap;border:1px solid rgba(255,255,255,.2)}.koran-filters-wrapper .filter-group{flex:1;display:flex;align-items:center;padding:0;border-right:1px solid rgba(229,231,235,.6);position:relative;min-width:0;background:transparent;border-radius:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.koran-filters-wrapper .filter-group:hover{background:transparent}.koran-filters-wrapper .filter-group:focus-within{background:transparent}.koran-filters-wrapper .filter-group:last-of-type{border-right:none}.koran-filters-wrapper .filter-group:nth-child(4){border-right:none}.koran-filters-wrapper .koran-select{flex:1;border:none;padding:.875rem 2.25rem .875rem 1rem;font-size:.875rem;outline:none;color:var(--dark-color);background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;width:100%;font-family:inherit;font-weight:500;border-radius:0;transition:all .3s ease}.koran-filters-wrapper .koran-select:hover{color:var(--primary-color)}.koran-filters-wrapper .koran-select:focus{color:var(--primary-color)}.koran-filters-wrapper .koran-select option{color:var(--dark-color);background:#fff;padding:.875rem;font-weight:400}.koran-filters-wrapper .filter-group:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-secondary);position:absolute;right:.875rem;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.koran-filters-wrapper .filter-group:focus-within:after{transform:translateY(-50%) rotate(180deg);border-top-color:var(--primary-color)}.koran-filters-wrapper .btn-cari{background:linear-gradient(135deg,var(--primary-color) 0%,#0c729c 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;box-shadow:0 4px 16px #0f8ec84d;min-width:120px}.koran-filters-wrapper .btn-cari:hover:not(:disabled){background:linear-gradient(135deg,#0c729c 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 8px 28px #0f8ec873}.koran-filters-wrapper .btn-cari:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 16px #0f8ec84d}.koran-filters-wrapper .btn-cari:disabled{opacity:.65;cursor:not-allowed;transform:none}.page-content{padding:4rem 0 5rem;background-color:var(--light-color)}.section-header{margin-bottom:2rem}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--dark-color);margin-bottom:.5rem;line-height:1.3}.section-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}#koranTerbaru{margin-bottom:0}.koran-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem;margin-bottom:0}.koran-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;text-align:center;text-decoration:none;color:var(--dark-color);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column}.koran-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026;border-color:var(--primary-color)}.koran-image-wrapper{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#f9fafb,#e5e7eb);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.koran-image-wrapper img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:1.25rem;transition:transform .3s ease}.koran-card:hover .koran-image-wrapper img{transform:scale(1.05)}.koran-info{padding:1.5rem 1.25rem;flex-grow:1;display:flex;align-items:center;justify-content:center}.koran-card h3{font-size:1.125rem;font-weight:600;margin:0;line-height:1.4;color:var(--dark-color)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.results-header .section-title{margin-bottom:0}.btn-hapus{color:var(--danger-color);border:1.5px solid var(--danger-color);padding:.75rem 1.5rem;text-decoration:none;border-radius:10px;font-size:.9375rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;background:#fff;cursor:pointer;font-weight:500;height:fit-content}.btn-hapus:hover{background-color:#dc35450d;transform:translateY(-1px);box-shadow:0 4px 12px #dc354526}.btn-hapus .material-symbols-rounded{font-size:1.25rem}.loading-state{text-align:center;padding:4rem 0}.loading-state .material-symbols-rounded{font-size:4rem;color:var(--primary-color);margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-state p{font-size:1.2rem;color:var(--dark-color)}.koran-results-wrapper{overflow-x:auto;border-radius:16px;box-shadow:0 4px 16px #00000014;background:#fff;border:1px solid var(--border-color)}.koran-results-desktop{display:block}.koran-results-mobile{display:none}.koran-result-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.result-card-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.result-card-row:last-of-type{border-bottom:none}.result-label{font-weight:600;color:var(--primary-color);font-size:.875rem;min-width:100px}.result-value{color:var(--dark-color);font-size:.875rem;text-align:right;flex:1;margin-left:1rem}.koran-results-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.koran-results-table th,.koran-results-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:.9375rem}.koran-results-table th{background-color:#f8fafc;font-weight:600;color:var(--dark-color);position:sticky;top:0;z-index:1;text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}.koran-results-table td{text-align:left}.koran-results-table tbody tr{transition:background-color .2s ease}.koran-results-table tbody tr:hover{background-color:#f8fafc}.koran-results-table tbody tr:last-child td{border-bottom:none}.ketersediaan-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;text-align:center}.tersedia{background-color:var(--success-color);color:#fff}.tidak-tersedia{background-color:#fecaca;color:#991b1b}@media(max-width:768px){.hero-koran-search{padding:3.5rem 0 2.5rem;min-height:320px;background-attachment:scroll}.hero-koran-search h1{font-size:1.75rem}.hero-koran-search p{font-size:.9375rem;margin-bottom:1.5rem}.koran-filters-wrapper{flex-direction:column;padding:1.5rem;gap:1.25rem;border-radius:16px}.koran-filters-wrapper .filter-group{flex:1 1 100%;border-right:none;border-bottom:1px solid rgba(229,231,235,.6);padding:0;border-radius:0;width:100%}.koran-filters-wrapper .filter-group:last-of-type{border-bottom:none}.koran-filters-wrapper .filter-group:nth-child(4){border-bottom:none}.koran-filters-wrapper .koran-select{padding:1rem 2.75rem 1rem 1.25rem;width:100%}.koran-filters-wrapper .btn-cari{flex:1 1 100%;padding:1rem 1.5rem;width:100%;border-radius:12px;min-width:100%}.koran-grid,.koran-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.koran-results-wrapper{border-radius:12px}.results-header{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.results-header .section-title{font-size:1.25rem;flex:1}.btn-hapus{padding:.625rem 1rem;font-size:.875rem;white-space:nowrap}.koran-results-desktop{display:none}.koran-results-mobile{display:block}.page-content{padding:3rem 0 4rem}}@media(max-width:480px){.container{padding:0 1rem}.hero-koran-search{padding:3rem 0 2rem;min-height:280px;background-attachment:scroll}.page-content{padding:2.5rem 0 3.5rem}.koran-grid,.koran-skeleton-grid{grid-template-columns:1fr}.koran-card h3{font-size:1rem}.koran-result-card{padding:1rem}.result-card-row{padding:.625rem 0}.result-label{min-width:80px;font-size:.8125rem}.result-value{font-size:.8125rem}.section-title{font-size:1.5rem}}*{font-family:Poppins,sans-serif}html,body,#root{height:100%;margin:0}.app-wrapper{min-height:100%;display:flex;flex-direction:column}.content{flex:1;padding-top:80px;padding-bottom:0;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.content-no-navbar{padding-top:0}main{flex:1;padding:2rem 1.5rem 4rem}main[class*=beranda],main:has(.hero-slider){padding:0}@media(max-width:1024px){.content{padding-top:62px;min-height:calc(100vh - 62px)}main{padding:1.5rem 1.5rem 3rem}}@media(max-width:768px){.content{padding-top:calc(52px + 1.25rem);min-height:calc(100vh - 52px)}main{padding:1.5rem 1.25rem 3rem}}@media(max-width:480px){.content{padding-top:calc(48px + 1rem);min-height:calc(100vh - 48px)}main{padding:1.25rem 1rem 2.5rem}}