.theme-yellowish{--primary:#ca8a04;--primary-light:#eab308;--primary-glow:#eab30826;--accent:#d97706;--accent-light:#f59e0b;--accent-glow:#f59e0b33}:root{--bg-main:#fff;--bg-card:#f8fafc;--bg-card-hover:#f1f5f9;--primary:#1e40af;--primary-light:#3b82f6;--primary-glow:#3b82f626;--accent:#f97316;--accent-light:#fb923c;--accent-glow:#f9731633;--text-main:#0f172a;--text-muted:#475569;--text-dark:#334155;--border-color:#00000014;--border-color-hover:#00000026;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--container-width:1200px;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .3s ease;--card-shadow:0 10px 30px -10px #000000b3;--glow-shadow:0 0 40px var(--primary-glow)}@keyframes blobFloat1{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(4vw,-4vh)scale(1.1)rotate(5deg)}66%{transform:translate(-2vw,2vh)scale(.9)rotate(-5deg)}to{transform:translate(0)scale(1)rotate(0)}}@keyframes blobFloat2{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(-4vw,4vh)scale(1.1)rotate(-5deg)}66%{transform:translate(2vw,-2vh)scale(.9)rotate(5deg)}to{transform:translate(0)scale(1)rotate(0)}}body.theme-overseas{--bg-main:#fff;--bg-card:#f8fafc;--bg-card-hover:#fff7ed;--primary:#f97316;--primary-light:#fb923c;--primary-glow:#f9731626;--accent:#ea580c;--accent-light:#f97316;--accent-glow:#ea580c33;--text-main:#0f172a;--text-muted:#475569;--text-dark:#334155;--border-color:#00000014;--border-color-hover:#00000026;--card-shadow:0 10px 40px -10px #f973161a;--glow-shadow:0 0 40px #f9731626;--wave-color-1:#f973160d;--wave-color-2:#f973161a;--wave-color-3:#f9731626;color:var(--text-main);background:linear-gradient(135deg,#fff 0%,#ffedd5 25%,#fdb544 60%,#ea580c 100%) 0 0/200% 200%;animation:15s ease-in-out infinite alternate overseasWhiteOrangeSlide}@keyframes overseasWhiteOrangeSlide{0%{background-position:0 0}to{background-position:100% 100%}}.particles-wrapper{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}body.theme-overseas .page-container{z-index:2;position:relative}body.theme-overseas:before{content:"";z-index:-1;filter:blur(40px);opacity:.8;background:radial-gradient(circle,#ea580c66 0%,#f9731633 60%,#0000 100%);border-radius:40% 60% 70% 30%/40% 50% 60%;width:60vw;height:80vh;animation:15s ease-in-out infinite alternate blobFloat1;position:fixed;top:-15vh;right:-10vw}body.theme-overseas:after{content:"";z-index:-1;filter:blur(40px);opacity:.7;background:radial-gradient(circle,#f9731659 0%,#fb923c26 60%,#0000 100%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:50vw;height:70vh;animation:18s ease-in-out infinite alternate blobFloat2;position:fixed;bottom:-15vh;left:-10vw}body.theme-overseas .page-container section{background:0 0!important}body.theme-overseas .sector-card,body.theme-overseas .info-table-container,body.theme-overseas .floating-card{-webkit-backdrop-filter:blur(12px);background:var(--bg-card)!important;border:1px solid var(--border-color)!important}body.theme-overseas .bismillah-text,body.theme-overseas .bismillah-arabic{color:var(--text-muted);text-shadow:none}body.theme-overseas .hero-title,body.theme-overseas .hero-desc{color:var(--text-main)}body.theme-overseas .hero-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}body.theme-overseas .main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#fff 0% 20%,#e0f2fe 50%,#bae6fd 100%)!important;border-bottom:2px solid #38bdf8!important}@media (width<=992px){body.theme-overseas .nav-menu{background:linear-gradient(90deg,#fff 0% 20%,#e0f2fe 50%,#bae6fd 100%)!important}}body.theme-overseas .logo-title{color:var(--text-main)}body.theme-overseas .logo-subtitle{color:var(--text-muted)}body.theme-overseas .nav-links a{color:var(--text-main)}body.theme-overseas .nav-links a.active,body.theme-overseas .nav-links a:hover,body.theme-overseas .nav-link.active,body.theme-overseas .nav-link:hover{color:#38bdf8}body.theme-overseas .nav-link{color:var(--text-muted)}@media (width<=992px){body.theme-overseas .nav-link{color:#38bdf8;font-size:1.2rem;font-weight:700}}body.theme-overseas .hero-title .text-gradient{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.theme-overseas .btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);box-shadow:0 10px 20px -5px #0ea5e966}body.theme-overseas .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #0ea5e999}body.theme-overseas .btn-outline{color:#38bdf8;border-color:#38bdf8}body.theme-overseas .btn-outline:hover{background:#38bdf81a}.page-container div,.page-container section,.page-container img{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.sector-card:hover,.info-table-container:hover,.hero-feature-item:hover,.stat-box:hover,.break-piece:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #0000004d}.reveal{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(60px)}.reveal.active{opacity:1;transform:translateY(0)}body.theme-overseas .footer{background-color:var(--bg-main);color:var(--text-main);border-top:1px solid var(--border-color)}body.theme-overseas .footer-bottom{border-top:1px solid #ffffff0d}body.theme-overseas .footer p,body.theme-overseas .footer-links a{color:#cbd5e1}body.theme-overseas .waves-svg{opacity:.8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}a{color:inherit;transition:var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--accent-light) 0%, #f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.text-accent{color:var(--accent)}.preloader{background-color:var(--bg-main);z-index:2000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:fixed;top:0;left:0}.preloader.fade-out{opacity:0;visibility:hidden}.preloader-logo{margin-bottom:24px;animation:2s ease-in-out infinite loaderPulse}@keyframes loaderPulse{0%,to{filter:drop-shadow(0 0 10px #f9731633);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #f9731680);transform:scale(1.08)}}.preloader-title{font-size:2.2rem;font-family:var(--font-heading);letter-spacing:.05em;color:var(--text-main);text-transform:uppercase;margin-bottom:12px;font-weight:800}.preloader-subtitle{color:var(--text-muted);letter-spacing:.1em;margin-bottom:32px;font-size:.9rem}.preloader-progress{background-color:#ffffff0d;border-radius:2px;width:240px;height:4px;position:relative;overflow:hidden}.preloader-bar{background:linear-gradient(90deg, var(--accent) 0%, var(--primary-light) 100%);width:0%;height:100%;animation:3s cubic-bezier(.16,1,.3,1) forwards fillProgress}@keyframes fillProgress{0%{width:0%}to{width:100%}}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;box-shadow:0 4px 20px #3b82f666}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #3b82f699}.btn-outline{color:var(--text-main);border-color:var(--border-color-hover);background:0 0}.btn-outline:hover{border-color:var(--text-main);background:#ffffff0d;transform:translateY(-3px)}.btn-whatsapp{color:#fff;background:#25d366;gap:8px;font-weight:700;box-shadow:0 4px 15px #25d3664d}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-3px);box-shadow:0 8px 25px #25d36680}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-block{width:100%;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-accent{background-color:var(--accent-glow);color:var(--accent-light);border:1px solid #f973164d}.badge-outline{border:1px solid var(--border-color-hover);color:var(--text-muted)}.top-bar{border-bottom:1px solid var(--border-color);color:#38bdf8;background-color:#030712e6;padding:10px 0;font-size:.85rem}.top-bar-content{justify-content:space-between;align-items:center;display:flex}.top-info{gap:20px;display:flex}.top-info span{align-items:center;gap:6px;display:inline-flex}.top-license{align-items:center;gap:12px;display:flex}.lang-selector{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-size:.8rem;font-family:var(--font-body);transition:var(--transition-fast);background:#ffffff08;border-radius:6px;outline:none;padding:4px 8px}.lang-selector:focus,.lang-selector:hover{border-color:var(--accent);color:var(--text-main)}.main-header{z-index:100;-webkit-backdrop-filter:blur(15px);transition:var(--transition-fast);background:linear-gradient(90deg,#fff 0% 20%,#e0f2fe 50%,#bae6fd 100%);border-bottom:2px solid #38bdf8;padding:10px 0;position:sticky;top:0}.main-header.scrolled{background:linear-gradient(90deg,#fffffff2 0% 20%,#e0f2fef2 50%,#bae6fdf2 100%);border-bottom:2px solid #38bdf8;padding:6px 0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-text{flex-direction:column;display:flex}.logo-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main);font-size:1.35rem;font-weight:800}.logo-subtitle{letter-spacing:.1em;color:var(--text-muted);font-size:.65rem;font-weight:600}.nav-menu{flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.nav-dropdown-container{padding:10px 0;display:inline-block;position:relative}.nav-dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:8px;min-width:260px;padding:8px 0;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 10px 25px #0000001a}.nav-dropdown-container:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:#334155;cursor:pointer;padding:12px 20px;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s}.dropdown-item:hover{color:#38bdf8;background-color:#f0f9ff}.nav-link{font-family:var(--font-heading);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:8px 0;font-size:.95rem;font-weight:700;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link:after{content:"";width:0;height:2px;transition:var(--transition-fast);background-color:#38bdf8;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{align-items:center;gap:16px;display:flex}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;width:30px;display:none}.mobile-toggle span{background-color:var(--text-main);width:100%;height:2px;transition:var(--transition-fast)}.mobile-toggle.open span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.page-container{animation:.6s cubic-bezier(.16,1,.3,1) forwards pageFadeIn;overflow-x:hidden}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section{background:var(--bg-main);padding:80px 0 120px;position:relative;overflow:hidden}.bismillah-text{font-family:var(--font-heading);color:var(--accent-light);text-shadow:0 0 10px #f9731633;margin-bottom:24px;font-size:1.6rem}.bismillah-arabic{color:var(--text-main);margin-bottom:8px;font-family:serif;font-size:2.2rem;font-weight:500;display:block}.glowing-orb{filter:blur(100px);opacity:.15;z-index:1;pointer-events:none;border-radius:50%;position:absolute}.orb-1{background-color:var(--primary-light);width:400px;height:400px;top:-50px;right:10%}.orb-2{background-color:var(--accent);width:300px;height:300px;bottom:10%;left:5%}.hero-container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}.hero-badge{border:1px solid var(--border-color);color:var(--accent-light);background-color:#ffffff0d;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #f97316b3}70%{transform:scale(1);box-shadow:0 0 0 8px #f9731600}to{transform:scale(.95);box-shadow:0 0 #f9731600}}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:3.5rem;font-weight:800}.hero-desc{color:var(--text-muted);max-width:540px;margin-bottom:36px;font-size:1.15rem}.hero-btns{gap:16px;margin-bottom:56px;display:flex}.hero-features{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:24px;padding-top:32px;display:grid}.hero-feature-item{flex-direction:column;display:flex}.feature-num{font-family:var(--font-heading);color:var(--text-main);font-size:2.2rem;font-weight:800;display:inline-block}.feature-plus{color:var(--accent);font-size:1.5rem;font-weight:700}.feature-lbl{color:var(--text-muted);margin-top:4px;font-size:.85rem}.hero-image-container{justify-content:center;display:flex;position:relative}.hero-image-wrapper{border-radius:24px;width:100%;max-width:450px;position:relative}.hero-image-glow{background:linear-gradient(135deg, var(--primary-light), var(--accent));filter:blur(20px);opacity:.2;z-index:1;border-radius:30px;position:absolute;inset:-10px}.hero-image{z-index:2;border:1px solid var(--border-color-hover);width:100%;height:auto;box-shadow:var(--card-shadow);border-radius:24px;position:relative}.floating-card{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color-hover);z-index:3;background:#ffffffd9;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;box-shadow:0 20px 40px #0006}.card-1{animation:4s ease-in-out infinite float;top:20%;left:-40px}.card-2{animation:4s ease-in-out 2s infinite float;bottom:10%;right:-20px}.fc-icon{background-color:var(--accent-glow);width:38px;height:38px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.card-2 .fc-icon{color:var(--primary-light);background-color:#3b82f626}.fc-info h4{margin-bottom:2px;font-size:.9rem}.fc-info p{color:var(--text-muted);font-size:.75rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.wave-separator{z-index:3;width:100%;line-height:0;position:absolute;bottom:-1px;left:0;overflow:hidden}.waves-svg{width:100%;height:80px;min-height:40px;max-height:100px;margin-bottom:-1px;position:relative}.parallax-waves>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever-wave}.parallax-waves>use:first-child{animation-duration:7s;animation-delay:-2s}.parallax-waves>use:nth-child(2){animation-duration:10s;animation-delay:-3s}.parallax-waves>use:nth-child(3){animation-duration:13s;animation-delay:-4s}.parallax-waves>use:nth-child(4){animation-duration:20s;animation-delay:-5s}@keyframes move-forever-wave{0%{transform:translate(-90px)}to{transform:translate(85px)}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1}.reveal.reveal-up{transform:translateY(40px)}.reveal.reveal-up.active{opacity:1;transform:translateY(0)}.reveal.reveal-down{transform:translateY(-40px)}.reveal.reveal-down.active{opacity:1;transform:translateY(0)}.reveal.reveal-left{transform:translate(-40px)}.reveal.reveal-left.active{opacity:1;transform:translate(0)}.reveal.reveal-right{transform:translate(40px)}.reveal.reveal-right.active{opacity:1;transform:translate(0)}.reveal.reveal-zoom{transform:scale(.92)}.reveal.reveal-zoom.active{opacity:1;transform:scale(1)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.reveal.delay-4{transition-delay:.4s}.reveal.delay-5{transition-delay:.5s}.inner-page{background:var(--bg-main);min-height:calc(100vh - 180px);padding:60px 0 100px;overflow-x:hidden}.section-header{text-align:center;max-width:650px;margin:0 auto 48px}.section-tag{font-family:var(--font-heading);color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.85rem;font-weight:700;display:block}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-line{background-color:var(--accent);border-radius:5px;width:60px;height:3px;margin:0 auto 24px}.section-subtitle{color:var(--text-muted);font-size:1.05rem}.ceo-wrapper{grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;display:grid}.ceo-image-area{justify-content:center;display:flex;position:relative}.ceo-img-frame{border:1px solid var(--border-color-hover);width:100%;max-width:360px;box-shadow:var(--card-shadow);z-index:2;border-radius:20px;position:relative;overflow:hidden}.ceo-image{object-fit:cover;filter:grayscale(15%);width:100%;height:auto;transition:var(--transition-smooth)}.ceo-img-frame:hover .ceo-image{filter:grayscale(0%);transform:scale(1.05)}.ceo-tag{text-align:center;background:linear-gradient(#fff6 0%,#fffffff2 100%);border-top:1px solid #ffffff0d;padding:20px;position:absolute;bottom:0;left:0;right:0}.ceo-tag h3{color:var(--text-main);font-size:1.2rem}.ceo-tag p{color:var(--accent);text-transform:uppercase;font-size:.8rem;font-weight:600}.ceo-deco-waves{z-index:1;flex-direction:column;gap:8px;display:flex;position:absolute;top:10%;left:-20px}.ceo-deco-waves span{background-color:var(--accent);opacity:.3;border-radius:10px;width:50px;height:4px}.ceo-deco-waves span:nth-child(2n){background-color:var(--primary-light);width:35px}.ceo-content-area{position:relative}.quote-icon{color:var(--border-color-hover);z-index:0;pointer-events:none;font-family:serif;font-size:10rem;line-height:1;position:absolute;top:-60px;left:-20px}.ceo-title{z-index:1;margin-bottom:24px;font-size:2.2rem;position:relative}.ceo-message-text{z-index:1;position:relative}.ceo-message-text p{color:var(--text-muted);text-align:justify;margin-bottom:16px;font-size:1rem}.ceo-signature{border-top:1px solid var(--border-color);margin-top:32px;padding-top:20px}.ceo-name{font-family:var(--font-heading);color:var(--text-main);font-size:1.2rem;font-weight:700}.ceo-title-sub{color:var(--text-muted);font-size:.85rem}.info-table-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;margin-bottom:40px;padding:32px}.info-table-container h3{color:var(--accent-light);border-left:3px solid var(--accent);margin-bottom:20px;padding-left:12px;font-size:1.5rem}.info-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:.95rem}.info-table th{color:var(--text-main);border-bottom:1px solid var(--border-color);text-align:left;background-color:#ffffff05;width:30%;padding:14px 20px;font-weight:600}.info-table td{border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:14px 20px}.info-table tr:last-child th,.info-table tr:last-child td{border-bottom:none}.info-table tr:hover td{color:var(--text-main)}.address-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;display:grid}.address-box{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;padding:28px}.address-box:hover{border-color:var(--accent);box-shadow:var(--card-shadow);transform:translateY(-5px)}.address-box h4{color:var(--text-main);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px;font-size:1.25rem}.address-box p{color:var(--text-muted);margin-bottom:10px;font-size:.9rem}.address-box strong{color:var(--text-main)}.about-desc-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;margin-bottom:48px;padding:40px}.about-desc-container p{color:var(--text-muted);text-align:justify;margin-bottom:20px;font-size:1.05rem;line-height:1.7}.about-desc-container p:last-child{margin-bottom:0}.about-meta-grid{grid-template-columns:1fr 1.2fr;gap:32px;margin-bottom:48px;display:grid}.membership-list-container,.bank-list-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:32px}.membership-list-container h3,.bank-list-container h3{color:var(--accent-light);border-left:3px solid var(--accent);margin-bottom:20px;padding-left:12px;font-size:1.35rem}.memberships-flex{flex-wrap:wrap;gap:16px;display:flex}.member-badge-card{background:var(--bg-main);border:1px solid var(--border-color);text-align:center;font-family:var(--font-heading);color:var(--text-main);transition:var(--transition-fast);border-radius:10px;flex:100px;padding:16px;font-size:1.1rem;font-weight:700}.member-badge-card:hover{border-color:var(--accent);color:var(--accent-light)}.bank-item-card{border-bottom:1px solid var(--border-color);padding:12px 0}.bank-item-card:last-child{border-bottom:none;padding-bottom:0}.bank-item-card:first-child{padding-top:0}.bank-item-card strong{color:var(--text-main);margin-bottom:4px;font-size:.95rem;display:block}.bank-item-card span{color:var(--text-muted);font-size:.85rem}.management-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.team-card{background-color:var(--bg-card);border:1px solid var(--border-color);text-align:center;transition:var(--transition-smooth);border-radius:20px;padding:32px 24px}.team-card:hover{border-color:var(--border-color-hover);box-shadow:var(--card-shadow);transform:translateY(-8px)}.team-card.primary-card{border-color:var(--accent-glow);background:radial-gradient(circle at 50% 0%, #f973160d 0%, var(--bg-card) 70%)}.team-card.primary-card:hover{border-color:var(--accent)}.tc-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;width:64px;height:64px;font-family:var(--font-heading);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.35rem;font-weight:800;display:flex}.primary-card .tc-avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%)}.team-card h3{margin-bottom:6px;font-size:1.2rem}.tc-role{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.primary-card .tc-role{color:var(--primary-light)}.licenses-container{flex-direction:column;gap:60px;display:flex}.license-reconstruction{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:20px;padding:48px}.license-reconstruction h3{text-align:center;color:var(--accent-light);border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:16px;font-size:1.8rem}.agent-license-frame{background-color:var(--bg-card);border:4px double #d97706;border-radius:12px;max-width:680px;margin:0 auto;padding:40px;position:relative}.license-header{text-align:center;margin-bottom:30px}.license-header h4{letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.license-header h2{color:#f59e0b;margin-top:6px;font-size:1.4rem}.license-body-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;font-size:.9rem;display:grid}.license-body-grid .lbl{color:var(--text-muted);font-weight:600}.license-body-grid .val{color:var(--text-main)}.license-full-width{border-top:1px solid #ffffff0d;grid-column:span 2;padding-top:12px}.license-signature{color:var(--text-muted);justify-content:space-between;align-items:flex-end;margin-top:40px;font-size:.8rem;display:flex}.sig-box{text-align:center;border-top:1px dashed var(--border-color);width:200px;padding-top:8px}.trade-license-frame{background-color:var(--bg-card);border:3px solid #16a34a;border-radius:12px;max-width:780px;margin:0 auto;padding:32px}.trade-license-header{border-bottom:2px solid #16a34a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.trade-header-text{text-align:center;flex-grow:1}.trade-header-text h2{color:#22c55e;font-size:1.3rem}.trade-header-text p{color:var(--text-muted);font-size:.75rem}.trade-license-details{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;font-size:.85rem;display:grid}.trade-row{display:contents}.trade-col-lbl{color:var(--text-muted);padding:6px 0;font-weight:600}.trade-col-val{color:var(--text-main);padding:6px 0}.trade-full-span{border-top:1px solid #ffffff0d;grid-column:span 2;padding-top:12px}.fees-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:.85rem}.fees-table th,.fees-table td{border:1px solid var(--border-color);text-align:left;padding:8px 12px}.fees-table th{color:var(--text-main);background-color:#16a34a1a}.fees-table td{color:var(--text-muted)}.fees-table tr.total-row td{color:#22c55e;background-color:#16a34a0d;font-weight:700}.baira-license-frame{background-color:var(--bg-card);border:4px double #2563eb;border-radius:12px;max-width:680px;margin:0 auto;padding:40px}.baira-logo-area{text-align:center;color:#3b82f6;letter-spacing:.1em;margin-bottom:20px;font-size:1.8rem;font-weight:800}.baira-header{text-align:center;margin-bottom:30px}.baira-header h4{color:var(--text-muted);letter-spacing:.05em;font-size:.7rem}.baira-header h2{color:#3b82f6;margin-top:6px;font-size:1.3rem}.baira-details{color:var(--text-muted);text-align:center;margin-bottom:40px;font-size:.9rem;line-height:1.8}.baira-details strong{color:var(--text-main)}.baira-signatures{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:56px;display:grid}.office-cards{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.office-card{background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);cursor:pointer;border-radius:16px;gap:16px;padding:24px;display:flex}.office-card.active,.office-card:hover{border-color:var(--accent)}.oc-marker{font-size:1.5rem;line-height:1}.oc-details h4{margin-bottom:8px;font-size:1.15rem}.oc-address{color:var(--text-muted);margin-bottom:12px;font-size:.9rem}.oc-meta{color:var(--text-muted);margin-bottom:4px;font-size:.8rem}.oc-meta strong{color:var(--text-main)}.bankers-card{background:var(--bg-card);border:1px dashed var(--border-color-hover);border-radius:16px;padding:24px}.bankers-card h4{color:var(--accent-light);margin-bottom:16px;font-size:1.05rem}.bank-list{flex-direction:column;gap:16px;display:flex}.bank-item{flex-direction:column;display:flex}.bank-item strong{color:var(--text-main);font-size:.9rem}.bank-item span{color:var(--text-muted);font-size:.75rem}.contact-form{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:24px;padding:40px}.form-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-body);transition:var(--transition-fast);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.form-feedback{text-align:center;border-radius:6px;margin-top:16px;padding:8px;font-size:.9rem}.form-feedback.success{color:#25d366;background-color:#25d3661a}.form-feedback.error{color:#ef4444;background-color:#ef44441a}.direct-connect{text-align:center;margin-top:24px}.direct-connect p{color:var(--text-muted);margin-bottom:12px;font-size:.85rem}.admin-card{background:var(--bg-card);border:1px solid var(--border-color);max-width:840px;box-shadow:var(--card-shadow);border-radius:20px;margin:0 auto;padding:40px}.admin-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.admin-header h3{color:var(--accent-light);font-size:1.6rem}.admin-form-section{border-bottom:1px solid #ffffff0a;margin-bottom:32px;padding-bottom:24px}.admin-form-section:last-of-type{border-bottom:none;padding-bottom:0}.admin-form-section h4{color:var(--text-main);border-left:3px solid var(--accent);margin-bottom:16px;padding-left:10px;font-size:1.1rem}.admin-input-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.admin-full-width{grid-column:span 2}.admin-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;display:flex}.sectors-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.sector-card{background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);cursor:pointer;border-radius:20px;padding:32px 24px;position:relative;overflow:hidden}.sector-card:before{content:"";background:linear-gradient(90deg, var(--primary-light), var(--accent));opacity:0;width:100%;height:4px;transition:var(--transition-fast);position:absolute;top:0;left:0}.sector-card:hover{border-color:var(--border-color-hover);box-shadow:var(--card-shadow);transform:translateY(-10px)}.sector-card:hover:before{opacity:1}.sector-icon{background-color:var(--primary-glow);width:50px;height:50px;color:var(--primary-light);transition:var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.sector-card:hover .sector-icon{background-color:var(--accent-glow);color:var(--accent)}.sector-card h3{margin-bottom:12px;font-size:1.25rem}.sector-card p{color:var(--text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.5}.sector-hover-arrow{color:var(--text-muted);transition:var(--transition-fast);font-size:.8rem;font-weight:700}.sector-card:hover .sector-hover-arrow{color:var(--accent-light);padding-left:5px}.main-footer{background-color:var(--bg-main);border-top:1px solid var(--border-color);padding:80px 0 0}.footer-content{grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:48px;margin-bottom:64px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{font-family:var(--font-heading);color:#fff;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.footer-brand p{color:var(--text-muted);font-size:.85rem}.footer-license-info{color:var(--text-muted);border-left:2px solid #38bdf8;padding-left:12px;font-size:.8rem}.footer-links h4,.footer-sectors h4,.footer-offices h4{color:#fff;margin-bottom:24px;font-size:1.05rem;font-weight:600}.footer-links ul,.footer-sectors ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links ul li{color:var(--text-muted);cursor:pointer;font-size:.85rem}.footer-links ul li:hover{color:#38bdf8;transition:var(--transition-fast);padding-left:4px}.footer-sectors ul li{color:var(--text-muted);font-size:.85rem}.footer-offices p{color:var(--text-muted);margin-bottom:12px;font-size:.85rem}.footer-memberships{gap:12px;margin-top:16px;display:flex}.footer-memberships span{border:1px solid var(--border-color-hover);color:var(--text-muted);border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:700}.footer-bottom{border-top:1px solid var(--border-color);padding:24px 0}.footer-bottom-content{color:var(--text-dark);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.portal-container{transition:background-color .8s}.portal-international{--primary:#0284c7;--primary-light:#0ea5e9;--primary-glow:#0ea5e926;--accent:#2563eb;--accent-light:#3b82f6;--accent-glow:#2563eb33}.portal-overseas{--primary:#1e40af;--primary-light:#3b82f6;--primary-glow:#3b82f626;--accent:#f97316;--accent-light:#fb923c;--accent-glow:#f9731633}.tech-stack-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;margin-bottom:56px;padding:40px}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;display:grid}.tech-category-card{border:1px solid var(--border-color);transition:var(--transition-fast);background:#ffffff05;border-radius:12px;padding:24px}.tech-category-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 10px 20px #0003}.tech-category-card h4{color:var(--primary-light);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:1.1rem}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;overflow:hidden}.project-card:hover{border-color:var(--primary-light);box-shadow:var(--card-shadow);transform:translateY(-8px)}.project-image-box{background:linear-gradient(135deg,#0284c733 0%,#2563eb4d 100%);justify-content:center;align-items:center;height:180px;font-size:3rem;display:flex;position:relative;overflow:hidden}.project-image-box:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);position:absolute;inset:0}.project-body{padding:24px}.project-body h3{margin-bottom:8px;font-size:1.25rem}.project-body p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.org-chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.org-node{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;transition:var(--transition-fast);border-radius:16px;padding:24px;position:relative}.org-node:hover{border-color:var(--primary-light);transform:scale(1.02)}.org-node:before{content:"";background:var(--primary-light);border-radius:0 0 4px 4px;width:20px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.org-node h3{color:var(--text-main);margin-bottom:6px;font-size:1.15rem}.org-node p{color:var(--primary-light);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:600}.portal-switch-btn{color:var(--primary-light);cursor:pointer;transition:var(--transition-fast);background:#1e40af1a;border:1px solid #3b82f64d;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.portal-switch-btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light);transform:translate(-2px)}.service-icon-box{margin-bottom:20px;font-size:3rem}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:56px}.hero-desc{margin-left:auto;margin-right:auto}.hero-btns{justify-content:center}.hero-features{max-width:600px;margin:0 auto}.about-grid,.about-meta-grid,.ceo-wrapper,.contact-grid,.address-grid{grid-template-columns:1fr;gap:48px}.contact-grid{grid-template-columns:1fr!important}.sectors-grid,.management-grid{grid-template-columns:repeat(2,1fr)}.credentials-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){html{font-size:15px}#root{width:100%;overflow-x:hidden}.container{padding:0 16px!important}.top-bar-content{text-align:center;flex-direction:column;gap:8px}.top-info{flex-direction:column;align-items:center;gap:6px}.bismillah-arabic{font-size:clamp(1.4rem,5vw,1.8rem)!important}.hero-title{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;white-space:normal!important;font-size:clamp(1.6rem,6vw,2.4rem)!important;line-height:1.2!important}.mobile-toggle{display:flex}.nav-menu{background-color:var(--bg-main);width:100%;height:calc(100vh - 75px);transition:var(--transition-smooth);border-top:1px solid var(--border-color);z-index:99;flex-direction:column;gap:24px;padding:40px 24px;position:fixed;top:75px;left:-100%;overflow-y:auto}.nav-menu.active{left:0}.header-actions .btn{display:none}.sectors-grid,.management-grid{grid-template-columns:1fr}.info-table-container{padding:20px 16px;overflow-x:auto}.info-table th,.info-table td{padding:10px 12px;font-size:.85rem}.form-row,.admin-input-grid{grid-template-columns:1fr!important}.admin-full-width{grid-column:span 1!important}.footer-content{text-align:center;grid-template-columns:1fr;gap:32px}.footer-brand{flex-direction:column;align-items:center;display:flex}.footer-logo{align-items:center!important}.footer-bottom-content{text-align:center;flex-direction:column;gap:12px}.floating-card{display:none}.agent-license-frame,.trade-license-frame,.baira-license-frame,.admin-card{padding:20px}.license-body-grid,.trade-license-details{grid-template-columns:1fr}.license-full-width,.trade-full-span{grid-column:span 1}.license-signature,.baira-signatures{flex-direction:column;align-items:center;gap:24px}.sig-box{width:100%}}@media (width<=480px){html{font-size:14px}.hero-btns{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:100%;margin:0 auto 36px}.hero-btns .btn{text-align:center;justify-content:center;width:100%}.hero-features{grid-template-columns:1fr;gap:20px}.logo-title{font-size:1.15rem}.logo-subtitle{font-size:.55rem}.fees-table th,.fees-table td{padding:6px 8px;font-size:.75rem}.page-container section{padding:40px 0!important}.hero-section{padding:60px 0 80px!important}.break-piece,.sector-card,.info-table-container,.stat-box{border-radius:12px!important;padding:16px!important}}@media (width<=768px){.nav-dropdown-menu{box-shadow:none;opacity:1;visibility:visible;background:0 0;border:none;padding-left:20px;display:none;position:static;transform:translateY(0)}.nav-dropdown-container:hover .nav-dropdown-menu,.nav-dropdown-container:focus-within .nav-dropdown-menu,.nav-dropdown-container.active .nav-dropdown-menu{display:block}}