:root{--primary:#004B87;--primary-dark:#003A6B;--primary-light:#0066AE;--secondary:#0077B6;--accent:#00A8E8;--success:#00A651;--warning:#FDB515;--danger:#E31B23;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#ffffff;--text-inverse:#ffffff;--bg-primary:#ffffff;--bg-secondary:#F5F7FA;--bg-tertiary:#E8F4FC;--bg-dark:#004B87;--surface-1:#ffffff;--surface-2:#F5F7FA;--surface-3:#E8F4FC;--border-color:#d7deea;--shadow:0 2px 10px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 40px rgba(0, 0, 0, 0.15);--elevation-1:0 8px 24px rgba(0, 46, 87, 0.08);--elevation-2:0 14px 34px rgba(0, 46, 87, 0.16);--action-primary:var(--primary);--action-primary-hover:var(--primary-dark);--action-soft:var(--bg-tertiary);--focus-ring:2px solid #0B79D0;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:2px;--card-radius:8px;--card-border:1px solid #e6ebf2;--card-shadow:none;--card-shadow-hover:0 8px 24px rgba(0, 46, 87, 0.08);--font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-body:14px;--font-size-body-sm:13px;--font-size-title-section:30px;--font-size-title-card:18px;--font-size-subtitle-card:14px;--container-width:1200px;--transition:all 0.3s ease}[data-theme=dark]{--text-primary:#e5e7eb;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#e5e7eb;--text-inverse:#ffffff;--bg-primary:#0b1321;--bg-secondary:#121c2e;--bg-tertiary:#1b2a45;--bg-dark:#091224;--surface-1:#111b2d;--surface-2:#0d1626;--surface-3:#172741;--border-color:#223854;--shadow:0 6px 18px rgba(2, 7, 18, 0.4);--shadow-lg:0 18px 40px rgba(2, 7, 18, 0.5);--elevation-1:0 10px 24px rgba(2, 7, 18, 0.38);--elevation-2:0 18px 38px rgba(2, 7, 18, 0.52)}[data-theme=dark] .info-card,[data-theme=dark] .product-card,[data-theme=dark] .promo-card{background:#0f1a2c;border-color:#223854}[data-theme=dark] .product-card-media{background:linear-gradient(135deg,#0d2138 0,#1a4873 100%)}[data-theme=dark] .branch-info h3,[data-theme=dark] .info-card-header h3,[data-theme=dark] .product-card-body h3,[data-theme=dark] .promo-content h3{color:#e5e7eb}[data-theme=dark] .info-card-header{background:#0f1a2c;border-bottom-color:#223854;color:#e5e7eb}[data-theme=dark] .branch-type,[data-theme=dark] .news-category,[data-theme=dark] .product-feature,[data-theme=dark] .promo-badge{background:0 0;color:#b8d7ff}[data-theme=dark] .promo-slider-btn{color:#b8d7ff}[data-theme=dark] .quick-menu-grid{background:#0f1a2c;border:1px solid var(--border-color);box-shadow:var(--elevation-1)}[data-theme=dark] .quick-item{background:rgba(255,255,255,.01)}[data-theme=dark] .quick-item:hover{background:rgba(53,95,143,.2)}[data-theme=dark] .quick-icon svg circle{fill:#1a2e4b!important}[data-theme=dark] .quick-icon svg path,[data-theme=dark] .quick-icon svg text{fill:#9fc9ff!important}[data-theme=dark] .branch-card,[data-theme=dark] .faq-item{background:#0f1a2c}[data-theme=dark] .branch-card:hover,[data-theme=dark] .faq-item:hover{border-color:#31567f}[data-theme=dark] .branch-icon{background:rgba(53,95,143,.24)}[data-theme=dark] .branch-type{background:rgba(53,95,143,.2);color:#b8d7ff}[data-theme=dark] .faq-toggle{background:#1a2a43;color:#9fc9ff}[data-theme=dark] .audit-hero,[data-theme=dark] .page-header,[data-theme=dark] .ppid-hero,[data-theme=dark] .product-hero,[data-theme=dark] .profile-hero,[data-theme=dark] .publication-hero{background:linear-gradient(135deg,#0e2f52 0,#14426c 55%,#1c5c8f 100%)!important}[data-theme=dark] .audit-card,[data-theme=dark] .branch-detail-card,[data-theme=dark] .doc-box,[data-theme=dark] .feature-card,[data-theme=dark] .filter-search,[data-theme=dark] .filter-tab,[data-theme=dark] .info-box,[data-theme=dark] .map-container,[data-theme=dark] .map-link-card,[data-theme=dark] .ppid-card,[data-theme=dark] .product-type-card,[data-theme=dark] .profile-card,[data-theme=dark] .publication-card,[data-theme=dark] .rate-card,[data-theme=dark] .sidebar-card{background:var(--surface-1)!important;border-color:var(--border-color)!important;box-shadow:var(--elevation-1)!important}[data-theme=dark] .branch-detail-section,[data-theme=dark] .product-info-section,[data-theme=dark] .product-types-section,[data-theme=dark] .profile-content-section,[data-theme=dark] .rates-section{background:var(--bg-secondary)!important}[data-theme=dark] .legal-box,[data-theme=dark] .misi-card,[data-theme=dark] .visi-card{background:linear-gradient(135deg,#172a45 0,#1f3554 100%)!important;border-left-color:#3f6fa6!important}[data-theme=dark] .publication-card-icon{background:#1a2d49!important}[data-theme=dark] .btn-cta,[data-theme=dark] .btn-hero-primary{background:var(--surface-2)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .btn-cta-outline,[data-theme=dark] .btn-hero-secondary{border-color:rgba(203,213,225,.5)!important}[data-theme=dark] .info-content,[data-theme=dark] .product-type-highlight,[data-theme=dark] .promo-feature-card,[data-theme=dark] .rate-table-wrapper,[data-theme=dark] .rates-table,[data-theme=dark] .step-card{background:var(--surface-1)!important;border:1px solid var(--border-color)!important;box-shadow:var(--elevation-1)!important}[data-theme=dark] .rates-table th{background:rgba(53,95,143,.18)!important;color:#c7dcf8!important}[data-theme=dark] .rates-table td{border-bottom-color:#2b3f5e!important}[data-theme=dark] .steps-section{background:var(--bg-secondary)!important}[data-theme=dark] .lottery-highlight,[data-theme=dark] .prize-card{background:var(--surface-1)!important;border:1px solid var(--border-color)!important;box-shadow:var(--elevation-1)!important}[data-theme=dark] .timeline-content{background:#18263d!important;border:1px solid #2b3f5e!important}[data-theme=dark] .timeline-item::before{border-color:#10192c!important;box-shadow:0 0 0 3px rgba(76,128,186,.25)!important}[data-theme=dark] .org-placeholder{background:linear-gradient(135deg,#172a45 0,#1f3554 100%)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .award-card,[data-theme=dark] .pengurus-card{background:var(--surface-1)!important;border:1px solid var(--border-color)!important;box-shadow:var(--elevation-1)!important}[data-theme=dark] .pengurus-card{background:linear-gradient(135deg,#16253c 0,#1d2f49 100%)!important}[data-theme=dark] .award-icon{background:linear-gradient(135deg,#6f5b29 0,#8b7440 100%)!important}[data-theme=dark] .award-year{background:rgba(53,95,143,.2)!important;color:#b8d7ff!important}[data-theme=dark] #maklumat>div{background:linear-gradient(135deg,#162235 0,#1b2a40 50%,#20314a 100%)!important;border-color:#8e7440!important;box-shadow:inset 0 0 40px rgba(142,116,64,.18)!important}[data-theme=dark] #maklumat div[style*="background: rgba(255,255,255,0.6)"]{background:rgba(19,34,54,.78)!important;border-left-color:#9b8454!important}[data-theme=dark] #maklumat div[style*="color: #555"],[data-theme=dark] #maklumat h2[style*="color: #1a365d"],[data-theme=dark] #maklumat h4[style*="color: #1a365d"],[data-theme=dark] #maklumat p[style*="color: #1a365d"],[data-theme=dark] #maklumat p[style*="color: #555"]{color:#d8dee9!important}[data-theme=dark] #maklumat div[style*="#c9a227"],[data-theme=dark] #maklumat span[style*="#c9a227"]{color:#d9bf7a!important}[data-theme=dark] #maklumat div[style*="linear-gradient(90deg, transparent, #c9a227, transparent)"]{background:linear-gradient(90deg,transparent,#b5985e,transparent)!important}[data-theme=dark] #maklumat div[style*="linear-gradient(135deg, #c9a227, #e8d068)"]{background:linear-gradient(135deg,#8b7342,#bfa56c)!important}[data-theme=dark] #maklumat div[style*="border: 3px solid #c9a227"]{border-color:#9b8454!important;background:linear-gradient(135deg,rgba(155,132,84,.15),transparent)!important}[data-theme=dark] #informasi-dikecualikan .legal-box[style],[data-theme=dark] #lhkpn .legal-box[style],[data-theme=dark] #pengaduan-nasabah .legal-box[style],[data-theme=dark] #safety-induction .legal-box[style],[data-theme=dark] #wbs .legal-box[style]{background:linear-gradient(135deg,#172a45 0,#1f3554 100%)!important;border-left-color:#3f6fa6!important}[data-theme=dark] #safety-induction .contact-box[style],[data-theme=dark] #wbs .contact-box[style]{background:linear-gradient(135deg,#17395e 0,#1d527f 100%)!important}[data-theme=dark] #safety-induction .contact-box [style*="background: rgba(255,255,255,0.2)"],[data-theme=dark] #wbs .contact-box [style*="background: rgba(255,255,255,0.2)"]{background:rgba(255,255,255,.12)!important}[data-theme=dark] #safety-induction .info-item[style]{background:rgba(53,95,143,.2)!important}[data-theme=dark] #safety-induction .step-number[style]{color:#fff!important}[data-theme=dark] #rekap-permohonan tr[style*="background: #f8f9fa"]{background:#15263d!important}[data-theme=dark] #rekap-permohonan td[style*="border-bottom: 1px solid #dee2e6"]{border-bottom:1px solid #2b3f5e!important}[data-theme=dark] #rekap-permohonan span[style*="background: #28a745"]{background:#1f8b57!important}[data-theme=dark] .sidebar-card[style*="linear-gradient(135deg, #004B87 0%, #0077B6 100%)"]{background:linear-gradient(135deg,#17395e 0,#1d527f 100%)!important}[data-theme=dark] .berita-list{background:var(--surface-1);border:1px solid var(--border-color);box-shadow:var(--elevation-1)}[data-theme=dark] .berita-list .news-item{background:0 0}[data-theme=dark] .berita-list .news-item:hover{background:rgba(53,95,143,.18)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;max-width:100vw}a{text-decoration:none;color:inherit;transition:var(--transition)}ol,ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}@media (max-width:480px){.container{padding:0 12px}}.top-bar{background:var(--bg-secondary);padding:8px 0;font-size:12px;border-bottom:1px solid var(--border-color)}.top-bar .container{display:flex;justify-content:space-between;align-items:center}.top-bar-left{display:flex;gap:24px}.top-link{color:var(--text-secondary);font-weight:500}.top-link.active,.top-link:hover{color:var(--primary)}.top-bar-right{display:flex;align-items:center;gap:12px}.top-icon{color:var(--text-secondary);padding:4px;display:flex;align-items:center}.top-icon:hover{color:var(--primary)}.lang-separator{color:var(--border-color)}.lang-link{color:var(--text-secondary);font-weight:600;padding:2px 6px}.lang-link.active{color:var(--primary);background:var(--bg-tertiary);border-radius:4px}.main-header{background:var(--bg-primary);padding:16px 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow)}.main-header .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo-img svg{height:40px;width:auto}.footer-logo img,.logo img,.logo-img img{height:40px;width:120px;object-fit:contain;display:block}.main-nav{display:flex;gap:32px}#mainNavContainer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);font-weight:600;font-size:15px;padding:8px 0;position:relative}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--primary);transition:var(--transition)}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary)}.nav-link:hover::after{width:100%}.nav-link.active::after{width:100%}.nav-dropdown{position:relative}.nav-dropdown .nav-link{display:flex;align-items:center;gap:4px}.nav-dropdown .nav-link svg{transition:transform .2s ease}.nav-dropdown:hover .nav-link svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--surface-1);min-width:200px;border-radius:12px;box-shadow:var(--shadow-lg);padding:12px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:100}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:10px 20px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:var(--transition)}a:focus-visible,button:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:6px}.dropdown-menu a:hover{background:var(--bg-tertiary);color:var(--primary);padding-left:24px}.header-actions{display:flex;align-items:center;gap:16px}.btn-login{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;padding:10px 20px;border-radius:25px;font-weight:600;font-size:14px}.btn-login:hover{background:var(--primary-dark)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:0 0;border:none;cursor:pointer}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:var(--transition)}.hero-slider{--hero-duration:7s;position:relative;width:100%;height:100vh;height:100dvh;min-height:560px;max-height:960px;overflow:hidden;background:#003a6b}.slides{position:relative;width:100%;height:100%}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s ease,visibility .9s ease}.slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.06);transition:transform var(--hero-duration) ease-out}.slide-bg-lcp,.slide-bg.slide-bg-responsive{background-image:var(--hero-sm);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width:768px){.slide-bg-lcp,.slide-bg.slide-bg-responsive{background-image:var(--hero-md)}}@media (min-width:1200px){.slide-bg-lcp,.slide-bg.slide-bg-responsive{background-image:var(--hero-lg)}}.slide-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,52,.82) 0,rgba(8,28,52,.55) 40%,rgba(8,28,52,.18) 100%),linear-gradient(180deg,rgba(8,20,40,.2) 0,rgba(8,20,40,.55) 100%)}.slide.active .slide-bg{transform:scale(1)}.slide-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:0}.slide-content .container{width:100%;display:block}.slide-text{max-width:560px;color:#fff;transform:translateY(18px);opacity:0;transition:opacity .7s ease .15s,transform .7s ease .15s}.slide.active .slide-text{opacity:1;transform:translateY(0)}.slide-eyebrow{margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.82)}.slide-text h1,.slide-text h2{margin:0 0 18px;font-size:clamp(32px, 4.6vw, 56px);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:#fff}.slide-text h1 span,.slide-text h2 span{color:#fff;display:inline}.slide-text>p:not(.slide-eyebrow){margin:0 0 28px;max-width:420px;font-size:clamp(15px, 1.3vw, 18px);line-height:1.65;color:rgba(255,255,255,.88)}.btn-slide{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--primary);padding:14px 28px;border-radius:2px;font-weight:600;font-size:14px;letter-spacing:.02em;transition:background .25s ease,color .25s ease}.btn-slide:hover{background:0 0;color:#fff;box-shadow:inset 0 0 0 1.5px #fff;transform:none}.slide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.btn-slide-ghost{display:inline-flex;align-items:center;gap:8px;background:0 0;color:#fff;padding:13px 24px;border-radius:2px;font-weight:600;font-size:14px;letter-spacing:.02em;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75);transition:background .25s ease,color .25s ease}.btn-slide-ghost:hover{background:#fff;color:var(--primary)}.floating-card,.hero-illustration,.slide-image{display:none!important}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,border-color .25s ease}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}.slider-arrow:hover{background:#fff;color:var(--primary);border-color:#fff}.hero-progress{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:10px}.hero-progress-item{position:relative;width:48px;min-width:44px;height:44px;min-height:44px;padding:0;border:none;background:0 0;cursor:pointer;overflow:visible;display:inline-flex;align-items:center;justify-content:center}.hero-progress-item::before{content:'';position:absolute;left:0;right:0;height:4px;border-radius:2px;background:rgba(255,255,255,.35)}.hero-progress-fill{position:relative;z-index:1;display:block;width:0;height:4px;border-radius:2px;background:#fff}.hero-progress-item.is-complete .hero-progress-fill{width:100%}.hero-progress-item.active .hero-progress-fill{animation:heroProgressFill var(--hero-duration) linear forwards}.hero-slider.is-paused .hero-progress-item.active .hero-progress-fill{animation-play-state:paused}@keyframes heroProgressFill{from{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.slide,.slide-bg,.slide-text{transition:none}.slide.active .slide-bg{transform:none}.hero-progress-item.active .hero-progress-fill{animation:none;width:100%}}.quick-menu{background:var(--bg-primary);padding:0 0 36px;margin-top:-48px;position:relative;z-index:30}.quick-menu .container{position:relative}.quick-menu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:#fff;padding:8px 12px;border:var(--card-border);border-radius:var(--card-radius);box-shadow:0 10px 30px rgba(0,46,87,.1)}.quick-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border-radius:0;transition:background .2s ease;border-right:1px solid #eef2f7}.quick-item:last-child{border-right:none}.quick-item:hover{background:#f7fafc;transform:none}.quick-icon{width:48px;height:48px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.quick-icon svg{width:40px;height:40px}.quick-label{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.35}.section{padding:60px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-header h2{font-size:clamp(24px, 2.4vw, 32px);font-weight:700;color:#12355b;line-height:1.2;letter-spacing:-.01em}.section-header p{color:var(--text-secondary);font-size:15px;margin-top:8px}.view-all-link{color:var(--primary);font-weight:600;font-size:14px}.view-all-link:hover{color:var(--action-primary-hover)}.view-all-link.small{font-size:12px}.section-cta{text-align:center;margin-top:40px}.internal-links-section{padding:26px 0 56px;background:var(--bg-secondary)}.internal-links-box{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:24px}.internal-links-box h2{font-size:22px;color:var(--primary);margin-bottom:10px}.internal-links-box p{color:var(--text-secondary);margin-bottom:16px}.internal-links-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.internal-links-list a{display:block;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-primary);background:var(--surface-2);font-weight:600}.internal-links-list a:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-3)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--action-primary);color:var(--text-inverse);padding:13px 28px;border-radius:2px;font-weight:600;font-size:var(--font-size-body);border:none;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:var(--action-primary-hover);transform:none;box-shadow:none}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:0 0;color:var(--primary);padding:12px 26px;border-radius:2px;font-weight:600;font-size:var(--font-size-body);border:1.5px solid var(--action-primary);cursor:pointer;transition:background .2s ease,color .2s ease}.btn-outline:hover{background:var(--action-primary);color:var(--text-inverse)}.products-section{background:#f5f7fa}.products-tabs{display:flex;gap:0;margin-bottom:28px;border-bottom:1px solid #dde3ec}.tab-btn{padding:14px 22px;background:0 0;border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;font-weight:600;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,border-color .2s ease}.tab-btn:hover{color:var(--primary)}.tab-btn.active{background:0 0;border-bottom-color:var(--primary);color:var(--primary)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border-radius:var(--card-radius);border:var(--card-border);overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow .25s ease,transform .25s ease;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.product-card-media{position:relative;height:180px;overflow:hidden;background:linear-gradient(135deg,#003a6b 0,#0066ae 100%)}.product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-card:hover .product-card-media img{transform:scale(1.04)}.product-card-media-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.product-card-media-fallback .product-card-icon,.product-card-media-fallback .product-card-icon.custom-icon{width:56px;height:56px;margin:0;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;padding:0}.product-card-media-fallback .product-icon-img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}.product-card-header{display:none}.product-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.product-card-body h3{font-size:18px;font-weight:700;color:#12355b;margin:0 0 10px;line-height:1.35}.product-card-body>p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 16px;flex:1}.product-features{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding-top:14px;border-top:1px solid #eef2f7}.product-feature{padding:0;background:0 0;border-radius:0;font-size:13px;color:var(--text-secondary);font-weight:500}.product-feature strong{color:var(--primary);font-weight:700}.product-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:14px;margin-top:auto}.product-link:hover{gap:12px;color:var(--primary-dark)}.promo-section{background:var(--bg-primary)}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.promo-slider-controls{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:12px}.promo-slider-btn{width:40px;height:40px;border-radius:0;border:1px solid #cfd8e6;background:#fff;color:var(--primary);font-size:20px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.promo-slider-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.promo-slider-btn:disabled{opacity:.4;cursor:not-allowed}.promo-slider-dots{display:flex;align-items:center;gap:8px}.promo-slider-dot{width:24px;height:3px;border:none;border-radius:0;background:#c5d0e0;cursor:pointer;transition:background .2s ease;padding:0}.promo-slider-dot.active{width:24px;border-radius:0;background:var(--primary)}.promo-card{background:#fff;border-radius:var(--card-radius);border:var(--card-border);overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow .25s ease,transform .25s ease;height:100%;display:flex;flex-direction:column}.promo-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.promo-image{height:200px;background:#e8eef5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.promo-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.promo-card:hover .promo-image img{transform:scale(1.04)}.promo-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer;height:100%}.promo-card-link:hover .promo-card{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.promo-card-link:hover .promo-image img{transform:scale(1.04)}.promo-content{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.promo-badge{display:inline-block;align-self:flex-start;padding:0 0 10px;background:0 0;color:var(--primary);border-radius:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:0}.promo-content h3{font-size:17px;font-weight:700;margin:0 0 10px;color:#12355b;line-height:1.4}.promo-content p{font-size:14px;color:var(--text-secondary);line-height:1.55;margin:0 0 16px;flex:1}.promo-date{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid #eef2f7}.info-section{background:#f5f7fa}.info-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}.info-card{background:#fff;border-radius:var(--card-radius);border:var(--card-border);overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow .25s ease}.info-card:hover{transform:none;box-shadow:var(--card-shadow-hover)}.info-card-header{background:#fff;color:#12355b;padding:22px 24px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #eef2f7;border-top:3px solid var(--primary)}.info-card-header h3{display:block;margin:0;font-size:17px;font-weight:700;color:#12355b;letter-spacing:-.01em;line-height:1.3}.info-card-header h3 svg{display:none}.info-card-subtitle{margin:6px 0 0;font-size:12px;font-weight:500;color:var(--text-muted);line-height:1.4}.info-card-header .view-all-link{color:var(--primary);font-size:13px;font-weight:600;white-space:nowrap;margin-top:2px}.info-card-header .view-all-link:hover{color:var(--primary-dark)}.info-card-body{padding:8px 24px 20px}.info-card-footer{padding:14px 24px;background:#fafbfc;border-top:1px solid #eef2f7}.info-card-footer small{color:var(--text-muted);font-size:11px}.rate-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eef2f7}.rate-item:last-child{border-bottom:none}.rate-label{font-size:14px;color:var(--text-secondary)}.rate-value{font-size:16px;font-weight:700;color:var(--primary)}.rate-value.highlight{color:var(--primary);font-size:16px}.rate-value small{font-size:12px;font-weight:400;color:var(--text-muted)}.news-list{display:flex;flex-direction:column}.news-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-color)}.news-item:last-child{border-bottom:none}.news-thumb{width:80px;height:60px;background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.news-info{flex:1}.news-category{display:inline-block;padding:2px 8px;background:var(--bg-tertiary);color:var(--primary);border-radius:4px;font-size:10px;font-weight:600;margin-bottom:6px}.news-info h4{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:4px}.news-info h4:hover{color:var(--primary)}.news-date{font-size:11px;color:var(--text-muted)}.news-card-pagination{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.news-card-pagination .pagination-inner{display:flex;align-items:center;justify-content:center;gap:12px}.news-card-pagination .pagination-btn{width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.news-card-pagination .pagination-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.news-card-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.news-card-pagination .pagination-info{font-size:12px;color:var(--text-muted)}.berita-page-section{padding:40px 0 60px;background:var(--bg-secondary)}.berita-list{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.berita-list .news-item{border-bottom:1px solid var(--border-color)}.berita-list .news-item:last-child{border-bottom:none}.berita-empty{padding:40px;text-align:center;color:var(--text-muted)}.berita-pagination-wrap{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:12px}.berita-pagination-inner{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.berita-pagination-inner .pagination-btn{padding:10px 16px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:8px;font-size:14px;text-decoration:none;transition:var(--transition)}.berita-pagination-inner .pagination-btn:hover:not([aria-disabled=true]){background:var(--primary);color:#fff;border-color:var(--primary)}.berita-pagination-inner .pagination-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.pagination-numbers{display:flex;gap:4px}.pagination-num{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:8px;font-size:14px;text-decoration:none;transition:var(--transition)}.pagination-num:hover{background:var(--bg-tertiary)}.pagination-num.active{background:var(--primary);color:#fff;border-color:var(--primary);pointer-events:none}.berita-pagination-info{font-size:13px;color:var(--text-muted);margin:0}.branch-section{background:var(--bg-primary)}.branch-stats{display:flex;justify-content:center;gap:60px;margin-bottom:40px}.stat-box{text-align:center}.stat-number{display:block;font-size:48px;font-weight:800;color:var(--primary);line-height:1}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:8px}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.branch-card{background:#fff;border:var(--card-border);border-radius:var(--card-radius);padding:22px;display:flex;align-items:flex-start;gap:16px;transition:box-shadow .25s ease,border-color .25s ease}.branch-card:hover{border-color:#c5d3e4;box-shadow:var(--card-shadow-hover)}.branch-icon{width:44px;height:44px;background:#f0f5fa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.branch-icon svg{width:20px;height:20px}.branch-info h3{font-size:15px;font-weight:700;color:#12355b;margin-bottom:6px}.branch-info p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.branch-type{display:inline-block;padding:0;background:0 0;color:var(--primary);border-radius:0;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.about-section{background:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-content h2{font-size:32px;color:var(--primary);margin-bottom:20px}.about-content p{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px}.about-features .feature-item{display:flex;align-items:center;gap:12px}.about-features .feature-icon{width:28px;height:28px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.about-features span{font-size:14px;color:var(--text-primary)}.about-image{display:flex;justify-content:center}.image-placeholder{width:100%;max-width:400px;background:var(--bg-tertiary);border-radius:16px;overflow:hidden}.image-placeholder svg{width:100%;height:auto}.faq-section{background:var(--bg-primary)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--surface-1);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:var(--primary)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer}.faq-question h3{font-size:15px;font-weight:600;color:var(--text-primary)}.faq-toggle{width:28px;height:28px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary);transition:var(--transition)}.faq-item.active .faq-toggle{background:var(--primary);color:#fff;transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 24px 20px;font-size:14px;color:var(--text-secondary);line-height:1.7}.contact-banner{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);padding:50px 0}.banner-content{display:flex;justify-content:space-between;align-items:center}.banner-text h3{font-size:28px;color:#fff;margin-bottom:8px}.banner-text p{color:rgba(255,255,255,.8);font-size:15px}.banner-actions{display:flex;gap:16px}.btn-banner{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--primary);padding:14px 28px;border-radius:30px;font-weight:600;font-size:15px}.btn-banner:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.btn-banner-outline{display:inline-flex;align-items:center;gap:10px;background:0 0;color:#fff;padding:12px 26px;border-radius:30px;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.5)}.btn-banner-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}.main-footer{background:var(--bg-dark);color:#fff}.footer-top{padding:40px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.footer-brand{padding-right:20px}.footer-logo img,.footer-logo svg{height:36px;margin-bottom:12px}.footer-brand p{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:14px}.social-links{display:flex;gap:8px}.social-link{width:32px;height:32px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition)}.social-link svg{width:16px;height:16px}.social-link:hover{background:var(--accent);transform:translateY(-2px)}.footer-contact h4,.footer-links h4{font-size:13px;font-weight:600;margin-bottom:14px;color:#fff}.footer-links ul{display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:12px;color:rgba(255,255,255,.7)}.footer-links a:hover{color:#fff;padding-left:3px}.footer-contact .contact-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:12px;color:rgba(255,255,255,.7)}.footer-contact .contact-item svg{flex-shrink:0;margin-top:2px;width:14px;height:14px}.footer-bottom{background:rgba(0,0,0,.22);padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-bottom p{font-size:12px;line-height:1.55;color:rgba(255,255,255,.55);max-width:640px;margin:0}.footer-badges{display:flex;align-items:stretch;gap:10px;flex-shrink:0}.footer-trust{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:rgba(255,255,255,.04);min-height:48px}.footer-trust-mark{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.35);border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;line-height:1}.footer-trust-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:32px;padding:4px 6px;background:#fff;border-radius:2px;flex-shrink:0;overflow:hidden}.footer-trust-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.footer-trust-copy{display:flex;flex-direction:column;gap:2px}.footer-trust-copy strong{font-size:11px;font-weight:700;color:rgba(255,255,255,.92);line-height:1.2}.footer-trust-copy small{font-size:11px;font-weight:500;color:rgba(255,255,255,.82);line-height:1.2}.footer-badges .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;min-height:48px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.88);white-space:nowrap}.skeleton{position:relative;overflow:hidden;background:var(--bg-tertiary)}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (max-width:1024px){.quick-menu{margin-top:-32px;padding-bottom:24px}.quick-menu-grid{grid-template-columns:repeat(3,1fr)}.quick-item{border-right:none;border-bottom:1px solid #eef2f7}.branch-grid,.products-grid,.promo-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3;padding-right:0;margin-bottom:20px}}@media (max-width:768px){.top-bar{display:none}.main-nav{position:fixed;top:0;left:0;width:80%;max-width:320px;height:100vh;background:var(--surface-1);display:flex;flex-direction:column;padding:80px 20px 20px;box-shadow:4px 0 20px rgba(0,0,0,.15);z-index:1100;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease,visibility .3s ease;visibility:hidden;pointer-events:none}.main-nav.active{transform:translateX(0);visibility:visible;pointer-events:auto}#mainNavContainer{flex-direction:column;align-items:stretch;gap:0}.main-nav .nav-link{padding:15px 0;border-bottom:1px solid var(--border-color);width:100%}.main-nav .nav-dropdown{width:100%}.main-nav .nav-dropdown .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 20px;display:none;background:var(--surface-2);border-radius:8px;margin-top:10px}.main-nav .nav-dropdown.open .dropdown-menu{display:block}.mobile-menu-toggle{display:flex;z-index:1200;position:relative;pointer-events:auto}.mobile-menu-toggle span{background:var(--primary)}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1050;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;-webkit-tap-highlight-color:transparent}.mobile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto}body.menu-open{overflow:hidden}.hero-slider{min-height:520px;max-height:none}.slide-text{max-width:100%;padding-right:12px}.slide-text h1,.slide-text h2{font-size:30px}.slider-arrow{display:none}.hero-progress{bottom:24px}.quick-menu{margin-top:-24px;padding:0 0 28px}.quick-menu-grid{grid-template-columns:repeat(2,1fr);padding:8px}.quick-item{border-right:none;border-bottom:1px solid #eef2f7;padding:18px 10px}.branch-grid,.products-grid,.promo-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-image{order:-1}.branch-stats{gap:30px}.stat-number{font-size:36px}.banner-content{flex-direction:column;text-align:center;gap:24px}.banner-actions{flex-direction:column;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom-content{flex-direction:column;align-items:flex-start;gap:16px;text-align:left}.footer-badges{flex-wrap:wrap;width:100%}.footer-trust{flex:1 1 180px}}@media (max-width:480px){.container{padding:0 16px}.quick-menu-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quick-icon{width:48px;height:48px}.section-header h2{font-size:22px}.products-tabs{flex-wrap:wrap}.tab-btn{padding:10px 20px;font-size:13px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}.floating-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;display:flex;align-items:center}.sidebar-items{display:flex;flex-direction:column;background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 0 20px rgba(0,0,0,.15);overflow:hidden;transform:translateX(100%);transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.floating-sidebar.active .sidebar-items{transform:translateX(0)}.sidebar-item{position:relative;display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.sidebar-item:last-child{border-bottom:none}.sidebar-item:hover{background:var(--bg-tertiary)}.sidebar-item.chat-item{background:var(--primary);color:#fff}.sidebar-item.chat-item:hover{background:var(--primary-dark)}.sidebar-item.chat-item .sidebar-icon svg{stroke:white}.sidebar-item.chat-item .sidebar-label{color:#fff}.sidebar-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.sidebar-icon svg{stroke:var(--primary)}.sidebar-label{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.sidebar-submenu{position:absolute;right:100%;top:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:-4px 0 30px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateX(20px);transition:all .3s cubic-bezier(.4, 0, .2, 1);margin-right:8px;overflow:hidden}.sidebar-item:hover .sidebar-submenu{opacity:1;visibility:visible;transform:translateX(0)}.submenu-header{padding:16px 20px;background:var(--primary);color:#fff}.submenu-header span{font-size:14px;font-weight:700}.submenu-item{display:flex;align-items:center;padding:14px 20px;color:var(--text-primary);transition:all .2s ease;border-bottom:1px solid var(--border-color)}.submenu-item:last-child{border-bottom:none}.submenu-item:hover{background:var(--bg-tertiary);padding-left:24px}.submenu-item.highlight{background:var(--bg-tertiary)}.submenu-item.highlight:hover{background:var(--primary);color:#fff}.submenu-icon{font-size:18px;margin-right:12px;flex-shrink:0}.submenu-item span:last-child{font-size:13px;font-weight:500}.sidebar-toggle{width:48px;height:48px;background:var(--primary);border:none;border-radius:12px 0 0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:-4px 0 15px rgba(0,0,0,.2);transition:all .3s ease;position:relative}.sidebar-toggle:hover{background:var(--primary-dark);width:52px}.sidebar-toggle svg{stroke:white;transition:all .3s ease}.sidebar-toggle .icon-close{position:absolute;opacity:0;transform:rotate(-90deg)}.floating-sidebar.active .sidebar-toggle .icon-open{opacity:0;transform:rotate(90deg)}.floating-sidebar.active .sidebar-toggle .icon-close{opacity:1;transform:rotate(0)}.chat-item .sidebar-icon{animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.floating-sidebar{top:auto;bottom:20px;right:20px;transform:none}.sidebar-items{position:absolute;bottom:60px;right:0;border-radius:12px;max-height:70vh;overflow-y:auto}.sidebar-submenu{position:fixed;right:auto;left:20px;top:auto;bottom:100px;margin-right:0;width:calc(100vw - 40px);max-width:300px}.sidebar-toggle{border-radius:50%;width:56px;height:56px}.sidebar-toggle:hover{width:56px}}.news-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px}.news-modal-overlay.active{opacity:1;visibility:visible}.news-modal{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;position:relative;transform:translateY(30px) scale(.95);transition:all .3s ease;box-shadow:0 25px 80px rgba(0,0,0,.3)}.news-modal-overlay.active .news-modal{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:var(--bg-tertiary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10}.modal-close:hover{background:var(--primary);color:#fff}.modal-close svg{stroke:currentColor}.modal-header{padding:30px 30px 0;display:flex;align-items:center;gap:16px}.modal-category{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.modal-date{font-size:13px;color:var(--text-muted)}.modal-title{padding:16px 30px 0;font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.4}.modal-content{padding:20px 30px 30px}.modal-content p{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.modal-content p:last-child{margin-bottom:0}.modal-image{width:100%;height:250px;overflow:hidden;display:none}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-author{font-size:13px;color:var(--text-muted)}.modal-author-separator{font-size:13px;color:var(--text-muted)}.news-item{cursor:pointer;transition:var(--transition);display:flex;gap:16px;padding:12px;border-radius:12px}.news-item:hover{background:var(--bg-tertiary)}.news-item h4 a{pointer-events:none}.news-thumb{width:80px;height:60px;min-width:80px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:24px;overflow:hidden}.news-thumb.has-image{background:0 0}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-info{flex:1;min-width:0}.news-category{display:inline-block;padding:2px 8px;background:var(--primary);color:#fff;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;margin-bottom:6px}.news-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-info h4 a{color:inherit;text-decoration:none}.news-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.news-date{font-size:11px;color:var(--text-muted)}.news-author{font-size:11px;color:var(--text-muted)}@media (max-width:768px){.news-modal{max-height:90vh;border-radius:16px}.modal-image{height:180px}.modal-header{padding:24px 20px 0;flex-wrap:wrap;gap:8px}.modal-title{padding:12px 20px 0;font-size:20px}.modal-content{padding:16px 20px 24px}.modal-close{top:16px;right:16px;width:36px;height:36px}.news-thumb{width:70px;height:50px;min-width:70px}.news-item{gap:12px;padding:10px}}.news-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s ease}.news-modal-overlay.active{opacity:1;visibility:visible}.news-modal{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .3s ease}.news-modal-overlay.active .news-modal{transform:scale(1)}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:rgba(0,0,0,.5);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:var(--transition)}.modal-close:hover{background:rgba(0,0,0,.8);transform:rotate(90deg)}.modal-image{width:100%;height:250px;overflow:hidden;background:var(--bg-tertiary)}.modal-image img{width:100%;height:100%;object-fit:cover}.news-modal .modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px 0;flex-wrap:wrap}.modal-category{background:var(--primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.modal-author,.modal-date{font-size:13px;color:var(--text-secondary)}.modal-author-separator{color:var(--text-muted)}.modal-title{font-size:24px;color:var(--text-primary);padding:16px 24px 0;line-height:1.4}.modal-content{padding:16px 24px 24px}.modal-content p{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:16px}.modal-content p:last-child{margin-bottom:0}@media (max-width:768px){.news-modal{max-height:80vh;margin:10px}.modal-image{height:180px}.modal-title{font-size:20px}}.rates-info-section{background:#f5f7fa;padding:72px 0}.rates-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.section-eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.rates-info-text h2{font-size:clamp(24px, 2.4vw, 32px);color:#12355b;margin:0 0 14px;letter-spacing:-.01em;line-height:1.25}.rates-info-text p{color:var(--text-secondary);margin:0 0 24px;line-height:1.7;max-width:460px}.rates-info-card{background:#fff;border-radius:var(--card-radius);border:var(--card-border);box-shadow:var(--card-shadow);overflow:hidden}.rates-info-card .info-card-header{background:#fff;color:#12355b;padding:22px 24px 14px;border-bottom:1px solid #eef2f7;border-top:3px solid var(--primary)}.rates-info-card .info-card-header h3{font-size:17px;font-weight:700;color:#12355b;margin:0}.update-badge{display:none}.rates-info-card .info-card-body{padding:20px 24px}@media (max-width:768px){.rates-info-grid{grid-template-columns:1fr;gap:28px}.rates-info-text{text-align:left}.rates-info-text h2{font-size:24px}}.lps-rates-card{min-width:0}.lps-rates-table-wrapper{padding:8px 20px 20px}.lps-rates-table{width:100%;border-collapse:collapse}.lps-rates-table thead th{background:0 0;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:12px 8px;text-align:right;border-bottom:1px solid #eef2f7}.lps-rates-table thead th:first-child{text-align:left;border-radius:0}.lps-rates-table thead th:last-child{border-radius:0}.lps-rates-table tbody td{padding:16px 8px;text-align:right;border-bottom:1px solid #eef2f7;font-size:14px;color:#12355b;font-weight:600}.lps-rates-table tbody td:first-child{text-align:left;font-weight:500;color:var(--text-secondary)}.lps-rates-table tbody tr:last-child td{border-bottom:none}.bank-type{display:block}.bank-icon{display:none}.rate-highlight{display:inline-block;font-size:16px;font-weight:700;color:var(--primary);background:0 0;padding:0;border-radius:0}.rate-highlight.primary{color:var(--primary);background:0 0}.rate-na{color:var(--text-muted);font-size:14px;font-weight:500}.lps-note{display:block;margin-top:16px;padding:12px 14px;background:#f7fafc;border:1px solid #eef2f7;border-radius:var(--card-radius);font-size:13px;font-weight:500;color:var(--text-secondary);line-height:1.5}.lps-note svg{display:none}[data-theme=dark] .rates-info-section{background:#0b1321}[data-theme=dark] .rates-info-card{border:1px solid var(--border-color);box-shadow:none;background:#0f1a2c}[data-theme=dark] .lps-rates-table thead th{background:0 0;color:#94a3b8}[data-theme=dark] .rate-highlight,[data-theme=dark] .rate-highlight.primary{color:#b8d7ff;background:0 0}[data-theme=dark] .lps-note{background:#121c2e;color:#cbd5e1;border:1px solid #223854}[data-theme=dark] .lps-note svg{display:none}@media (max-width:768px){.lps-rates-card{min-width:auto}.rate-highlight{font-size:14px;padding:4px 10px}.lps-rates-table tbody td,.lps-rates-table thead th{padding:12px 8px}.bank-icon{font-size:16px}.lps-note{font-size:12px}}.footer{background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%);color:#fff;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{padding-right:40px}.footer-brand img{margin-bottom:20px}.footer-brand p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.7);margin-bottom:20px}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.footer-social a:hover{background:var(--primary);transform:translateY(-3px)}.footer-links h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{font-size:14px;color:rgba(255,255,255,.7);transition:all .2s ease}.footer-links a:hover{color:#fff;padding-left:5px}.footer-bottom{padding:18px 0;text-align:left}.footer-bottom p{font-size:12px;color:rgba(255,255,255,.55)}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:span 2;padding-right:0}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}.floating-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center}.sidebar-content{background:#fff;border-radius:16px 0 0 16px;box-shadow:-5px 0 30px rgba(0,0,0,.15);padding:20px;max-height:80vh;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;width:220px}.floating-sidebar.active .sidebar-content{transform:translateX(0)}.sidebar-menu-group{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.sidebar-menu-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-menu-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.sidebar-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:4px}.sidebar-menu-item:hover{background:var(--bg-tertiary);color:var(--primary)}.submenu-icon{font-size:16px;width:24px;text-align:center}.sidebar-toggle{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:12px 0 0 12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:-5px 0 15px rgba(0,0,0,.15);transition:all .2s ease}.sidebar-toggle:hover{background:linear-gradient(135deg,var(--secondary) 0,var(--primary) 100%)}.sidebar-toggle .icon-close{display:none}.floating-sidebar.active .sidebar-toggle .icon-open{display:none}.floating-sidebar.active .sidebar-toggle .icon-close{display:block}@media (max-width:768px){.floating-sidebar{bottom:20px;top:auto;right:20px;transform:none}.sidebar-toggle{border-radius:50%;width:56px;height:56px}.sidebar-content{position:absolute;bottom:70px;right:0;border-radius:16px;transform:translateY(20px);opacity:0;visibility:hidden}.floating-sidebar.active .sidebar-content{transform:translateY(0);opacity:1;visibility:visible}}.floating-side-nav{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1000;display:none}@media (min-width:992px){.floating-side-nav{display:flex}}.side-nav-bar{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:16px 0 0 16px;overflow:hidden;box-shadow:-4px 0 20px rgba(0,0,0,.15)}.side-nav-item{display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:#fff;transition:var(--transition);position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.side-nav-item:last-child{border-bottom:none}.side-nav-item:hover{background:#fff;color:var(--primary)}.side-nav-item svg{width:24px;height:24px;transition:var(--transition)}.side-nav-item:hover svg{transform:scale(1.1)}.side-nav-item .nav-tooltip{position:absolute;right:70px;background:var(--primary-dark);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(10px);transition:var(--transition);pointer-events:none}.side-nav-item .nav-tooltip::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--primary-dark)}.side-nav-item:hover .nav-tooltip{opacity:1;visibility:visible;transform:translateX(0)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100vw;background:#fff;display:flex;justify-content:space-evenly;align-items:center;padding:8px 0;box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:999;border-top:1px solid var(--border-color);box-sizing:border-box;overflow:hidden}@media (min-width:992px){.mobile-bottom-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-secondary);font-size:9px;font-weight:500;transition:var(--transition);padding:2px 4px;flex:1 1 0;min-width:0;max-width:20%;text-align:center;text-decoration:none;overflow:hidden}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--primary)}.mobile-nav-item svg{width:18px;height:18px;flex-shrink:0}.mobile-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.news-category{background:0 0!important;color:var(--primary)!important;padding:0!important;border-radius:0!important;letter-spacing:.04em}.news-thumb{border-radius:var(--card-radius);background:#e8eef5}.news-card-pagination .pagination-btn{border-radius:2px!important}