:root{--primary: #c90000;--primary-dark: #a00000;--primary-light: #ff1a1a;--secondary: #1a1a2e;--accent: #e94560;--background: #f5f6fa;--card-bg: #ffffff;--text-primary: #1a1a2e;--text-secondary: #6c757d;--text-light: #ffffff;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.12);--shadow-lg: 0 8px 40px rgba(0,0,0,.16);--shadow-card: 0 4px 15px rgba(201,0,0,.1);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}.beranda-modern,.beranda-modern *{box-sizing:border-box!important;-webkit-tap-highlight-color:transparent}.beranda-modern{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;background:var(--background)!important;min-height:100vh;padding-bottom:90px!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important}@media (min-width: 1024px){.beranda-modern{padding-bottom:40px!important}}@media (max-width: 767px){.beranda-modern{padding-bottom:100px!important}}.beranda-modern .row{margin-left:0!important;margin-right:0!important}.beranda-modern .container-fluid{padding-left:0!important;padding-right:0!important}.beranda-modern .content-wrapper{max-width:1400px;margin:0 auto;width:100%!important;padding:0!important}@media (min-width: 1024px){.beranda-modern .content-wrapper{max-width:1400px!important;padding:0 32px!important}}.beranda-modern .hero-banner{position:relative!important;width:100%!important;overflow:hidden!important;background:linear-gradient(135deg,var(--secondary) 0%,#16213e 100%)!important;margin:0 0 24px!important;padding:0!important}@media (min-width: 1024px){.beranda-modern .hero-banner{margin:0 0 32px!important;border-radius:var(--radius-xl)!important;overflow:hidden!important}}.beranda-modern .hero-carousel{position:relative!important;width:100%!important}.beranda-modern .hero-carousel .carousel-inner{border-radius:0 0 var(--radius-md) var(--radius-md)!important;overflow:hidden!important}@media (min-width: 1024px){.beranda-modern .hero-carousel .carousel-inner{border-radius:var(--radius-xl)!important}}.beranda-modern .hero-carousel .carousel-item img{width:100%!important;height:180px!important;object-fit:cover!important;object-position:center 30%!important}@media (min-width: 1024px){.beranda-modern .hero-carousel .carousel-item img{height:380px!important;object-position:center 35%!important}}.beranda-modern .hero-overlay{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:60%!important;background:linear-gradient(to top,rgba(26,26,46,.9) 0%,rgba(26,26,46,.3) 50%,transparent 100%)!important;pointer-events:none!important;border-radius:0 0 var(--radius-md) var(--radius-md)!important}.beranda-modern .hero-carousel .carousel-indicators{bottom:15px!important;margin-bottom:0!important;z-index:5!important}.beranda-modern .hero-carousel .carousel-indicators li{width:6px!important;height:6px!important;border-radius:50%!important;background:#fff6!important;border:none!important;margin:0 4px!important;transition:var(--transition)!important;cursor:pointer!important}.beranda-modern .hero-carousel .carousel-indicators li.active{width:20px!important;border-radius:4px!important;background:var(--primary)!important}.beranda-modern .hero-carousel .carousel-control-prev,.beranda-modern .hero-carousel .carousel-control-next{display:none!important}.beranda-modern .quick-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:12px 8px!important;margin:-20px 12px 16px!important;background:var(--card-bg)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;position:relative!important;z-index:10!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}@media (min-width: 1024px){.beranda-modern .quick-stats{margin:-45px auto 32px!important;padding:24px 40px!important;max-width:850px!important;width:auto!important;border-radius:var(--radius-xl)!important;gap:8px!important}}.beranda-modern .stat-item{text-align:center!important;padding:6px 2px!important;position:relative!important;min-width:0!important;flex:1!important}@media (min-width: 1024px){.beranda-modern .stat-item{padding:8px 4px!important}}.beranda-modern .stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:60%;width:1px;background:linear-gradient(to bottom,transparent,#eee,transparent)}.beranda-modern .stat-number{font-size:1.1rem!important;font-weight:800!important;color:var(--primary)!important;line-height:1!important;letter-spacing:-.5px!important;white-space:nowrap!important}@media (min-width: 1024px){.beranda-modern .stat-number{font-size:2rem!important}}.beranda-modern .stat-label{font-size:.6rem!important;color:var(--text-secondary)!important;margin-top:4px!important;text-transform:uppercase!important;letter-spacing:.2px!important;font-weight:500!important;white-space:nowrap!important}@media (min-width: 1024px){.beranda-modern .stat-label{font-size:.9rem!important;margin-top:6px!important}}.beranda-modern .section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 12px 10px!important;width:100%!important}.beranda-modern .section-title h2{font-size:1rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important;position:relative!important;padding-left:12px!important}.beranda-modern .section-title h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(to bottom,var(--primary),var(--accent));border-radius:2px}.beranda-modern .section-title .view-all{font-size:.75rem!important;color:var(--primary)!important;text-decoration:none!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:4px!important;padding:5px 10px!important;background:#c9000014!important;border-radius:20px!important;transition:var(--transition)!important;white-space:nowrap!important}.beranda-modern .section-title .view-all:hover{background:#c9000026!important}.beranda-modern .section-title .view-all i{font-size:.65rem!important}.beranda-modern .menu-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:0 12px 16px!important;width:100%!important;max-width:100%!important}.beranda-modern .menu-item{position:relative!important;aspect-ratio:1!important;border-radius:var(--radius-sm)!important;overflow:hidden!important;text-decoration:none!important;box-shadow:var(--shadow-sm)!important;transition:var(--transition)!important;width:100%!important;min-width:0!important}.beranda-modern .menu-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);padding:2px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:var(--transition)}.beranda-modern .menu-item:hover:before{opacity:1}.beranda-modern .menu-item:active{transform:scale(.96)}.beranda-modern .menu-item img{width:100%!important;height:100%!important;object-fit:cover!important;transition:var(--transition)!important;position:absolute!important;top:0!important;left:0!important}.beranda-modern .menu-item:hover img{transform:scale(1.1)}.beranda-modern .menu-item-overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:linear-gradient(145deg,#c90000d9,#1a1a2eeb)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:6px!important;transition:var(--transition)!important}.beranda-modern .menu-item:hover .menu-item-overlay{background:linear-gradient(145deg,#c90000e6,#1a1a2ef2)!important}.beranda-modern .menu-item-icon{width:32px!important;height:32px!important;background:#ffffff26!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:6px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)!important;transition:var(--transition)!important}.beranda-modern .menu-item:hover .menu-item-icon{transform:scale(1.1);background:#ffffff40!important}.beranda-modern .menu-item-icon i{font-size:.85rem!important;color:var(--text-light)!important}.beranda-modern .menu-item-label{font-size:.6rem!important;font-weight:600!important;color:var(--text-light)!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.3px!important}.beranda-modern .divisi-section{padding:0 0 16px!important;width:100%!important}.beranda-modern .divisi-scroll{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:4px 12px 12px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.beranda-modern .divisi-scroll::-webkit-scrollbar{display:none}.beranda-modern .divisi-card{flex:0 0 110px!important;scroll-snap-align:start;background:var(--card-bg)!important;border-radius:var(--radius-sm)!important;padding:12px 8px!important;text-align:center!important;box-shadow:var(--shadow-sm)!important;text-decoration:none!important;transition:var(--transition)!important;border:1px solid rgba(0,0,0,.04)!important}.beranda-modern .divisi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)!important}.beranda-modern .divisi-card:active{transform:scale(.96)}.beranda-modern .divisi-icon{width:40px!important;height:40px!important;margin:0 auto 8px!important;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 15px #c900004d!important;transition:var(--transition)!important}.beranda-modern .divisi-card:hover .divisi-icon{transform:scale(1.1) rotate(5deg)}.beranda-modern .divisi-icon i{font-size:1rem!important;color:var(--text-light)!important}.beranda-modern .divisi-name{font-size:.7rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.beranda-modern .divisi-desc{font-size:.6rem!important;color:var(--text-secondary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.beranda-modern .about-section{margin:8px 12px 16px!important;background:var(--card-bg)!important;border-radius:var(--radius-md)!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;width:calc(100% - 24px)!important}.beranda-modern .about-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:10px!important}.beranda-modern .about-header-icon{width:32px!important;height:32px!important;background:#fff3!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.beranda-modern .about-header-icon i{font-size:.9rem!important;color:var(--text-light)!important}.beranda-modern .about-header h3{margin:0!important;font-size:.95rem!important;font-weight:700!important;color:var(--text-light)!important}.beranda-modern .about-content{padding:14px!important}.beranda-modern .about-image-wrapper{position:relative!important;margin-bottom:14px!important}.beranda-modern .about-image{width:100%!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-sm)!important;display:block!important}.beranda-modern .about-text{color:var(--text-primary)!important;font-size:.8rem!important;line-height:1.65!important;text-align:justify!important}.beranda-modern .about-text p{margin-bottom:10px!important}.beranda-modern .about-text p:last-child{margin-bottom:0!important}.beranda-modern .about-text b{color:var(--primary)!important;font-weight:600!important}.beranda-modern .about-text i{color:var(--primary)!important;font-style:italic!important;font-weight:500!important}.beranda-modern .cta-section{padding:0 12px 20px!important;width:100%!important}.beranda-modern .cta-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:14px 20px!important;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important;color:var(--text-light)!important;border:none!important;border-radius:var(--radius-sm)!important;font-size:.9rem!important;font-weight:600!important;text-decoration:none!important;box-shadow:0 4px 20px #c9000066!important;transition:var(--transition)!important;position:relative!important;overflow:hidden!important}.beranda-modern .cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.beranda-modern .cta-button:hover:before{left:100%}.beranda-modern .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #c9000080!important;color:var(--text-light)!important}.beranda-modern .cta-button:active{transform:scale(.98)}.beranda-modern .cta-button i{font-size:.9rem!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.05s}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}.animate-delay-6{animation-delay:.3s}@media (max-width: 359px){.beranda-modern .hero-carousel .carousel-item img{height:160px!important}.beranda-modern .quick-stats{margin:-18px 8px 10px!important;padding:8px 6px!important;gap:2px!important}.beranda-modern .stat-number{font-size:.9rem!important}.beranda-modern .stat-label{font-size:.5rem!important}.beranda-modern .section-title{padding:12px 8px 8px!important}.beranda-modern .section-title h2{font-size:.9rem!important}.beranda-modern .menu-grid{gap:6px!important;padding:0 8px 12px!important}.beranda-modern .menu-item-icon{width:28px!important;height:28px!important}.beranda-modern .menu-item-icon i{font-size:.75rem!important}.beranda-modern .menu-item-label{font-size:.55rem!important}.beranda-modern .divisi-scroll{padding:4px 8px 10px!important;gap:6px!important}.beranda-modern .divisi-card{flex:0 0 95px!important;padding:10px 6px!important}.beranda-modern .divisi-icon{width:34px!important;height:34px!important}.beranda-modern .divisi-icon i{font-size:.85rem!important}.beranda-modern .divisi-name{font-size:.6rem!important}.beranda-modern .divisi-desc{font-size:.5rem!important}.beranda-modern .about-section{margin:6px 8px 12px!important;width:calc(100% - 16px)!important}.beranda-modern .about-text{font-size:.75rem!important}.beranda-modern .cta-section{padding:0 8px 16px!important}.beranda-modern .cta-button{padding:12px 16px!important;font-size:.85rem!important}}@media (min-width: 360px) and (max-width: 479px){.beranda-modern .hero-carousel .carousel-item img{height:180px!important}.beranda-modern .quick-stats{margin:-20px 12px 14px!important;padding:10px 8px!important}.beranda-modern .stat-number{font-size:1.1rem!important}.beranda-modern .stat-label{font-size:.55rem!important}}@media (min-width: 480px) and (max-width: 639px){.beranda-modern .hero-carousel .carousel-item img{height:220px!important}.beranda-modern .quick-stats{margin:-24px 16px 16px!important;padding:14px!important}.beranda-modern .stat-number{font-size:1.3rem!important}.beranda-modern .stat-label{font-size:.65rem!important}.beranda-modern .section-title{padding:20px 16px 12px!important}.beranda-modern .section-title h2{font-size:1.1rem!important}.beranda-modern .menu-grid{gap:12px!important;padding:0 16px 20px!important}.beranda-modern .menu-item-icon{width:40px!important;height:40px!important}.beranda-modern .menu-item-icon i{font-size:1rem!important}.beranda-modern .menu-item-label{font-size:.7rem!important}.beranda-modern .divisi-scroll{padding:4px 16px 14px!important;gap:12px!important}.beranda-modern .divisi-card{flex:0 0 130px!important;padding:14px 10px!important}.beranda-modern .divisi-icon{width:46px!important;height:46px!important}.beranda-modern .divisi-name{font-size:.75rem!important}.beranda-modern .divisi-desc{font-size:.65rem!important}.beranda-modern .about-section{margin:8px 16px 20px!important;width:calc(100% - 32px)!important}.beranda-modern .about-content{padding:18px!important}.beranda-modern .about-text{font-size:.85rem!important}.beranda-modern .cta-section{padding:0 16px 24px!important}}@media (min-width: 640px) and (max-width: 767px){.hero-carousel .carousel-item img{height:280px}.quick-stats{margin:-30px 24px 20px;padding:18px 24px}.stat-number{font-size:1.6rem}.stat-label{font-size:.75rem}.section-title{padding:24px 24px 14px}.section-title h2{font-size:1.3rem}.menu-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px 24px;max-width:500px;margin:0 auto}.menu-item-icon{width:48px;height:48px}.menu-item-icon i{font-size:1.2rem}.menu-item-label{font-size:.8rem}.divisi-scroll{padding:4px 24px 20px;gap:16px;justify-content:flex-start}.divisi-card{flex:0 0 160px;padding:20px 16px}.about-section{margin:8px 24px 24px}.about-content{display:flex;gap:20px;padding:24px;align-items:flex-start}.about-image-wrapper{flex:0 0 35%;margin-bottom:0}.about-text{flex:1;font-size:.9rem}.cta-section{padding:0 24px 32px;max-width:400px;margin:0 auto}}@media (min-width: 768px) and (max-width: 1023px){.beranda-modern .hero-carousel .carousel-item img{height:300px!important;object-position:center 40%!important}.beranda-modern .hero-carousel .carousel-control-prev,.beranda-modern .hero-carousel .carousel-control-next{display:flex!important;width:44px!important;height:44px!important;background:#fffffff2!important;border-radius:50%!important;top:50%!important;transform:translateY(-50%)!important;opacity:.7!important;align-items:center!important;justify-content:center!important}.beranda-modern .hero-carousel:hover .carousel-control-prev,.beranda-modern .hero-carousel:hover .carousel-control-next{opacity:1!important}.beranda-modern .hero-carousel .carousel-control-prev{left:16px!important}.beranda-modern .hero-carousel .carousel-control-next{right:16px!important}.beranda-modern .quick-stats{padding:18px 28px!important;max-width:700px!important;margin:-30px auto 24px!important}.beranda-modern .stat-number{font-size:1.6rem!important}.beranda-modern .stat-label{font-size:.75rem!important}.beranda-modern .section-title{padding:24px 32px 14px!important}.beranda-modern .section-title h2{font-size:1.2rem!important}.beranda-modern .menu-grid{grid-template-columns:repeat(6,1fr)!important;gap:12px!important;padding:0 32px 24px!important;max-width:700px!important;margin:0 auto!important}.beranda-modern .menu-item{border-radius:var(--radius-sm)!important;aspect-ratio:1!important}.beranda-modern .menu-item-icon{width:36px!important;height:36px!important}.beranda-modern .menu-item-icon i{font-size:.95rem!important}.beranda-modern .menu-item-label{font-size:.65rem!important}.beranda-modern .divisi-section{padding:0 0 20px!important}.beranda-modern .divisi-scroll{padding:4px 32px 16px!important;gap:12px!important;justify-content:center!important}.beranda-modern .divisi-card{flex:0 0 120px!important;padding:14px 10px!important}.beranda-modern .divisi-icon{width:42px!important;height:42px!important}.beranda-modern .about-section{max-width:900px!important;margin:8px auto 24px!important}.beranda-modern .about-header{padding:16px 20px!important}.beranda-modern .about-content{display:flex!important;gap:24px!important;padding:24px!important;align-items:flex-start!important}.beranda-modern .about-image-wrapper{flex:0 0 30%!important;margin-bottom:0!important}.beranda-modern .about-text{flex:1!important;font-size:.9rem!important}.beranda-modern .cta-section{padding:0 32px 32px!important;max-width:350px!important;margin:0 auto!important}.beranda-modern .cta-button{padding:14px 24px!important;font-size:.95rem!important}}@media (min-width: 1024px) and (max-width: 1279px){.beranda-modern{padding-bottom:40px!important}.beranda-modern .hero-carousel .carousel-item img{height:320px!important}.beranda-modern .hero-carousel .carousel-inner,.beranda-modern .hero-overlay{border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.beranda-modern .hero-carousel .carousel-control-prev,.beranda-modern .hero-carousel .carousel-control-next{display:flex!important;width:46px!important;height:46px!important;background:#fffffff2!important;border-radius:50%!important;top:50%!important;transform:translateY(-50%)!important;opacity:0!important;align-items:center!important;justify-content:center!important}.beranda-modern .hero-carousel:hover .carousel-control-prev,.beranda-modern .hero-carousel:hover .carousel-control-next{opacity:1!important}.beranda-modern .hero-carousel .carousel-control-prev{left:20px!important}.beranda-modern .hero-carousel .carousel-control-next{right:20px!important}.beranda-modern .quick-stats{margin:-35px auto 24px!important;padding:20px 32px!important;max-width:750px!important}.beranda-modern .stat-number{font-size:1.7rem!important}.beranda-modern .stat-label{font-size:.8rem!important}.beranda-modern .section-title{padding:24px 48px 14px!important;max-width:900px!important;margin:0 auto!important}.beranda-modern .section-title h2{font-size:1.25rem!important}.beranda-modern .menu-grid{grid-template-columns:repeat(6,1fr)!important;gap:14px!important;padding:0 48px 28px!important;max-width:750px!important;margin:0 auto!important}.beranda-modern .menu-item{border-radius:var(--radius-md)!important}.beranda-modern .menu-item-icon{width:40px!important;height:40px!important}.beranda-modern .menu-item-icon i{font-size:1rem!important}.beranda-modern .menu-item-label{font-size:.7rem!important}.beranda-modern .divisi-scroll{padding:8px 48px 20px!important;gap:14px!important;justify-content:center!important}.beranda-modern .divisi-card{flex:0 0 130px!important;padding:16px 12px!important}.beranda-modern .divisi-icon{width:46px!important;height:46px!important}.beranda-modern .divisi-icon i{font-size:1.1rem!important}.beranda-modern .divisi-name{font-size:.75rem!important}.beranda-modern .divisi-desc{font-size:.65rem!important}.beranda-modern .about-section{margin:8px auto 28px!important;border-radius:var(--radius-lg)!important;max-width:900px!important}.beranda-modern .about-header{padding:16px 24px!important}.beranda-modern .about-header-icon{width:40px!important;height:40px!important}.beranda-modern .about-header h3{font-size:1.1rem!important}.beranda-modern .about-content{display:flex!important;gap:28px!important;padding:28px!important;align-items:center!important}.beranda-modern .about-image-wrapper{flex:0 0 30%!important;margin-bottom:0!important}.beranda-modern .about-text{flex:1!important;font-size:.95rem!important;line-height:1.75!important}.beranda-modern .cta-section{padding:0 48px 36px!important;max-width:380px!important;margin:0 auto!important}.beranda-modern .cta-button{padding:14px 28px!important;font-size:1rem!important}}@media (min-width: 1280px){.beranda-modern{padding-bottom:40px!important}.beranda-modern .content-wrapper{max-width:1200px!important;margin:0 auto!important}.beranda-modern .hero-banner{padding:0 48px!important;background:var(--background)!important}.beranda-modern .hero-carousel{border-radius:var(--radius-lg)!important;overflow:hidden!important;box-shadow:var(--shadow-lg)!important;max-width:1100px!important;margin:0 auto!important}.beranda-modern .hero-carousel .carousel-inner,.beranda-modern .hero-overlay{border-radius:var(--radius-lg)!important}.beranda-modern .hero-carousel .carousel-item img{height:350px!important;object-position:center 35%!important}.beranda-modern .hero-carousel .carousel-control-prev,.beranda-modern .hero-carousel .carousel-control-next{display:flex!important;width:48px!important;height:48px!important;background:var(--card-bg)!important;border-radius:50%!important;top:50%!important;transform:translateY(-50%)!important;opacity:0!important;align-items:center!important;justify-content:center!important}.beranda-modern .hero-carousel:hover .carousel-control-prev,.beranda-modern .hero-carousel:hover .carousel-control-next{opacity:1!important}.beranda-modern .hero-carousel .carousel-control-prev{left:24px!important}.beranda-modern .hero-carousel .carousel-control-next{right:24px!important}.beranda-modern .quick-stats{margin:-40px auto 28px!important;padding:22px 40px!important;max-width:800px!important}.beranda-modern .stat-number{font-size:1.8rem!important}.beranda-modern .stat-label{font-size:.85rem!important;margin-top:4px!important}.beranda-modern .section-title{padding:28px 60px 16px!important;max-width:1000px!important;margin:0 auto!important}.beranda-modern .section-title h2{font-size:1.3rem!important;padding-left:14px!important}.beranda-modern .section-title h2:before{width:4px!important}.beranda-modern .section-title .view-all{font-size:.85rem!important;padding:7px 14px!important}.beranda-modern .menu-grid{grid-template-columns:repeat(6,1fr)!important;gap:16px!important;padding:0 60px 28px!important;max-width:850px!important;margin:0 auto!important}.beranda-modern .menu-item{border-radius:var(--radius-md)!important}.beranda-modern .menu-item-icon{width:44px!important;height:44px!important}.beranda-modern .menu-item-icon i{font-size:1.1rem!important}.beranda-modern .menu-item-label{font-size:.75rem!important}.beranda-modern .divisi-section{max-width:1000px!important;margin:0 auto!important;padding:0 0 24px!important}.beranda-modern .divisi-scroll{padding:8px 60px 24px!important;gap:16px!important;justify-content:center!important;overflow-x:visible!important}.beranda-modern .divisi-card{flex:0 0 140px!important;padding:18px 14px!important;border-radius:var(--radius-md)!important}.beranda-modern .divisi-icon{width:50px!important;height:50px!important;margin-bottom:10px!important}.beranda-modern .divisi-icon i{font-size:1.2rem!important}.beranda-modern .divisi-name{font-size:.8rem!important;margin-bottom:2px!important}.beranda-modern .divisi-desc{font-size:.7rem!important}.beranda-modern .about-section{margin:8px auto 32px!important;border-radius:var(--radius-lg)!important;max-width:950px!important}.beranda-modern .about-header{padding:18px 28px!important}.beranda-modern .about-header-icon{width:42px!important;height:42px!important}.beranda-modern .about-header-icon i{font-size:1.1rem!important}.beranda-modern .about-header h3{font-size:1.15rem!important}.beranda-modern .about-content{display:flex!important;gap:32px!important;padding:32px!important;align-items:center!important}.beranda-modern .about-image-wrapper{flex:0 0 28%!important;margin-bottom:0!important}.beranda-modern .about-text{flex:1!important;font-size:.95rem!important;line-height:1.8!important}.beranda-modern .about-text p{margin-bottom:14px!important}.beranda-modern .cta-section{padding:0 60px 40px!important;max-width:400px!important;margin:0 auto!important}.beranda-modern .cta-button{padding:16px 30px!important;font-size:1rem!important}}@media (hover: hover){.menu-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.divisi-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}}@media (hover: none){.menu-item:active,.divisi-card:active,.cta-button:active{opacity:.85}}html{scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.menu-item img,.about-image{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.beranda-modern{padding-top:56px!important}@media (min-width: 1024px){.beranda-modern{padding-top:64px!important}}.beranda-modern .hero-carousel .carousel-item{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;transition:opacity .8s ease-in-out!important;z-index:1!important}.beranda-modern .hero-carousel .carousel-item.active{position:relative!important;opacity:1!important;z-index:2!important}.beranda-modern .beranda-hero{margin:16px 12px!important;background:linear-gradient(135deg,#c900000f,#e9456008)!important;border:1px solid rgba(201,0,0,.12)!important;border-radius:var(--radius-md)!important;padding:1.25rem!important;display:flex!important;align-items:center!important;gap:1.25rem!important;box-shadow:var(--shadow-sm)!important}.beranda-modern .beranda-avatar{width:56px!important;height:56px!important;border-radius:50%!important;border:2.5px solid var(--primary)!important;object-fit:cover!important;flex-shrink:0!important}.beranda-modern .beranda-greeting{font-size:.75rem!important;color:var(--text-secondary)!important;margin-bottom:.15rem!important}.beranda-modern .beranda-name{font-size:1.05rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important}.beranda-modern .beranda-badge{display:inline-block!important;font-size:.65rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:3px 10px!important;border-radius:var(--radius-sm)!important;background:#c9000014!important;color:var(--primary)!important;border:1px solid rgba(201,0,0,.12)!important;margin-top:6px!important}.beranda-modern .dashboard-menu-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0 12px 16px!important}@media (min-width: 640px){.beranda-modern .dashboard-menu-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width: 1024px){.beranda-modern .dashboard-menu-grid{grid-template-columns:repeat(4,1fr)!important;max-width:900px!important;margin:0 auto!important;padding:0 48px 24px!important}}.beranda-modern .menu-card{background:var(--card-bg)!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:var(--radius-sm)!important;padding:1rem!important;display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;box-shadow:var(--shadow-sm)!important;transition:var(--transition)!important}.beranda-modern .menu-card:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important;border-color:#c9000026!important}.beranda-modern .menu-card:active{transform:scale(.97)!important}.beranda-modern .menu-icon{width:40px!important;height:40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.15rem!important;flex-shrink:0!important}.beranda-modern .menu-label{font-size:.8rem!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.2!important}.beranda-modern .menu-desc{font-size:.65rem!important;color:var(--text-secondary)!important;margin-top:1px!important;line-height:1.2!important}.beranda-modern .icon-blue{background:#4f6ef71a!important;color:#4f6ef7!important}.beranda-modern .icon-orange{background:#f973161a!important;color:#f97316!important}.beranda-modern .icon-purple{background:#a855f71a!important;color:#a855f7!important}.beranda-modern .icon-green{background:#22c55e1a!important;color:#22c55e!important}.beranda-modern .icon-yellow{background:#facc151f!important;color:#eab308!important}.beranda-modern .icon-red{background:#ef44441a!important;color:#ef4444!important}