.navbar-container, .navbar-box{transition:all .3s ease}
.mega-dropdown{animation:slideDown .25s ease-out}
[data-menu=brokers]:hover~#mega-brokers, [data-menu=reviews]:hover~#mega-reviews, [data-menu=learn]:hover~#mega-learn, [data-menu=stocks]:hover~#mega-stocks, [data-menu=services]:hover~#mega-services, [data-menu=articles]:hover~#mega-articles{display:block}
.nav-link.active{background:#0000000d;color:#1e293b}
.modal-overlay.active~.forextrust-cta-wrapper{display:none!important}
:root {
  --ft-teal-50: #f0fdfa;
  --ft-teal-100: #ccfbf1;
  --ft-teal-400: #2dd4bf;
  --ft-teal-500: #14b8a6;
  --ft-teal-600: #0d9488;
  --ft-teal-700: #0f766e;
  --ft-teal-800: #115e59;
  --ft-teal-900: #134e4a;
  --ft-navy-950: #020617;
  --ft-navy-900: #0f172a;
  --ft-navy-800: #1e293b;
  --ft-navy-700: #334155;
  --ft-navy-600: #475569;
  --ft-gold-300: #fcd34d;
  --ft-gold-400: #d4af37;
  --ft-gold-500: #c9a227;
  --ft-gold-600: #b8941f;
  --ft-gold-700: #a67c17;
  --ft-gradient-teal: linear-gradient(135deg, var(--ft-teal-700) 0%, var(--ft-teal-600) 35%, var(--ft-teal-500) 65%, var(--ft-teal-600) 100%);
  --ft-gradient-gold: linear-gradient(90deg, transparent 0%, var(--ft-gold-400) 50%, transparent 100%);
  --ft-gradient-halo: radial-gradient(ellipse at center, rgba(20, 184, 166, .4) 0%, rgba(20, 184, 166, .1) 40%, transparent 70%);
  --ft-shadow-deep: 0 20px 40px -10px rgba(15, 23, 42, .5), 0 30px 60px -15px rgba(0, 0, 0, .3);
  --ft-shadow-glow-teal: 0 0 40px rgba(20, 184, 166, .35), 0 0 80px rgba(20, 184, 166, .15);
  --ft-shadow-glow-gold: 0 0 30px rgba(201, 162, 39, .25), 0 0 60px rgba(201, 162, 39, .1);
  --ft-ease-smooth: cubic-bezier(.4, 0, .2, 1);
  --ft-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ft-ease-premium: cubic-bezier(.23, 1, .32, 1);
}
.forextrust-cta-wrapper{position:fixed;bottom:6rem;right:2rem;z-index:10001;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;isolation:isolate;pointer-events:auto!important;transform:translateZ(0);will-change:auto}
.cta-button-container{position:relative;display:inline-flex;align-items:center;justify-content:center}
.cta-trust-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:linear-gradient(135deg,var(--ft-gold-500) 0%,var(--ft-gold-400) 50%,var(--ft-gold-500) 100%);border-radius:100px;font-family:Tajawal,Segoe UI,system-ui,sans-serif;font-size:.65rem;font-weight:700;color:var(--ft-navy-900);letter-spacing:.02em;box-shadow:0 4px 12px #c9a2274d,inset 0 1px #ffffff4d;animation:badgeFloat 3s ease-in-out infinite;transform-origin:center;will-change:transform;transform:translateZ(0)}
.badge-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center}
.badge-icon svg{width:100%;height:100%;color:var(--ft-navy-900)}
.badge-text{text-transform:uppercase}
.forextrust-floating-cta-enhanced{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;min-width:180px;font-family:Tajawal,Segoe UI,system-ui,sans-serif;direction:rtl;background:transparent;border:none;border-radius:100px;cursor:pointer;transition:transform .5s var(--ft-ease-premium),filter .3s var(--ft-ease-smooth);animation:buttonFloat 5s ease-in-out infinite;will-change:transform;pointer-events:auto!important;-webkit-tap-highlight-color:rgba(20,184,166,.3);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;isolation:isolate;z-index:1;overflow:hidden}
.cta-shadow-deep{position:absolute;inset:0;border-radius:inherit;box-shadow:var(--ft-shadow-deep);z-index:-3;opacity:.8;transition:opacity .4s var(--ft-ease-smooth)}
.cta-halo{position:absolute;inset:0;background:var(--ft-gradient-halo);border-radius:inherit;z-index:-4;opacity:.8;animation:haloBreath 4s ease-in-out infinite}
.cta-bg-gradient{position:absolute;inset:0;border-radius:inherit;background:var(--ft-gradient-teal);z-index:-2}
.cta-inner-light{position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 30%,transparent 60%);z-index:-1;pointer-events:none}
.cta-gold-border{position:absolute;inset:0;border-radius:inherit;border:1.5px solid rgba(212,175,55,.4);z-index:0}
.cta-gold-shimmer{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.05) 20%,rgba(212,175,55,.15) 40%,rgba(212,175,55,.35) 50%,rgba(212,175,55,.15) 60%,rgba(255,255,255,.05) 80%,transparent 100%);transform:skew(-15deg) translate(-100%);z-index:3;pointer-events:none;animation:shimmerGlide 5s ease-in-out infinite;animation-delay:2s}
.cta-particles{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s var(--ft-ease-smooth)}
.particle{position:absolute;bottom:0;width:4px;height:4px;background:var(--ft-gold-400);border-radius:50%;opacity:0}
.particle--1{left:20%;animation:particleRise 2s ease-out infinite;animation-delay:0s}
.particle--2{left:50%;animation:particleRise 2s ease-out infinite;animation-delay:.6s}
.particle--3{left:80%;animation:particleRise 2s ease-out infinite;animation-delay:1.2s}
.cta-main-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:4}
.cta-accent-line{width:16px;height:2px;background:linear-gradient(90deg,transparent,var(--ft-gold-400),transparent);opacity:.6;transition:all .4s var(--ft-ease-premium)}
.cta-accent-line--left{transform:translate(4px)}
.cta-accent-line--right{transform:translate(-4px)}
.cta-premium-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}
.cta-premium-icon svg{width:100%;height:100%;color:var(--ft-gold-400);transition:transform .5s var(--ft-ease-spring)}
.icon-arrow{transform-origin:center;animation:arrowPulse 2s ease-in-out infinite}
.cta-text-container{display:flex;flex-direction:column;align-items:center;gap:.125rem}
.cta-headline{font-size:1.1875rem;font-weight:700;color:#fff;letter-spacing:.01em;text-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);transition:transform .3s var(--ft-ease-premium)}
.cta-subline{font-size:.8125rem;font-weight:500;color:#ffffffd9;letter-spacing:.02em;transition:opacity .3s var(--ft-ease-smooth),transform .3s var(--ft-ease-premium)}
.cta-pulse-system{position:absolute;inset:0;border-radius:100px;z-index:-1;pointer-events:none}
.pulse-ring{position:absolute;inset:0;border-radius:100px;border:2px solid var(--ft-teal-400);opacity:0;will-change:transform,opacity;transform:translateZ(0)}
.pulse-ring--1{animation:pulseExpand 3.5s ease-out infinite}
.pulse-ring--2{animation:pulseExpand 3.5s ease-out infinite;animation-delay:1.15s}
.pulse-ring--3{border-color:var(--ft-gold-400);animation:pulseExpand 3.5s ease-out infinite;animation-delay:2.3s}
.forextrust-floating-cta-enhanced:hover{transform:translateY(-6px) scale(1.02)}
.forextrust-floating-cta-enhanced:hover .cta-shadow-deep{opacity:1;box-shadow:var(--ft-shadow-deep),var(--ft-shadow-glow-teal),var(--ft-shadow-glow-gold)}
.forextrust-floating-cta-enhanced:hover .cta-halo{opacity:1;transform:scale(1.15)}
.forextrust-floating-cta-enhanced:hover .cta-particles{opacity:1}
.forextrust-floating-cta-enhanced:hover .cta-premium-icon svg{transform:scale(1.15) translateY(-2px)}
.forextrust-floating-cta-enhanced:hover .cta-accent-line--left{transform:translate(-4px);width:24px;opacity:1}
.forextrust-floating-cta-enhanced:hover .cta-accent-line--right{transform:translate(4px);width:24px;opacity:1}
.forextrust-floating-cta-enhanced:hover .cta-headline{transform:translateY(-1px)}
.forextrust-floating-cta-enhanced:hover .cta-subline{opacity:1;transform:translateY(1px)}
.forextrust-floating-cta-enhanced:hover .cta-gold-shimmer{animation:shimmerGlideFast 2s ease-in-out infinite}
.forextrust-floating-cta-enhanced:active{transform:translateY(0) scale(.94);transition:none!important;opacity:.9}
.forextrust-floating-cta-enhanced:active .cta-bg-gradient{opacity:.85}
.forextrust-floating-cta-enhanced, .forextrust-floating-cta-enhanced , .forextrust-floating-cta-enhanced:before, .forextrust-floating-cta-enhanced:after{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
.forextrust-floating-cta-enhanced>span:not(.cta-main-content){pointer-events:none}
.forextrust-floating-cta-enhanced {pointer-events:auto!important}
.forextrust-floating-cta-enhanced .cta-shadow-deep, .forextrust-floating-cta-enhanced .cta-halo, .forextrust-floating-cta-enhanced .cta-bg-gradient, .forextrust-floating-cta-enhanced .cta-inner-light, .forextrust-floating-cta-enhanced .cta-gold-border, .forextrust-floating-cta-enhanced .cta-gold-shimmer, .forextrust-floating-cta-enhanced .cta-particles, .forextrust-floating-cta-enhanced .cta-pulse-system, .forextrust-floating-cta-enhanced .cta-pulse-system {pointer-events:none!important}
.forextrust-floating-cta-enhanced:focus{outline:none}
.forextrust-floating-cta-enhanced:focus-visible{outline:3px solid var(--ft-gold-400);outline-offset:6px}
@keyframes badgeFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-3px,0) rotate(1deg)}}
@keyframes buttonFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes haloBreath{0%,to{opacity:.6;transform:scaleZ(1)}50%{opacity:.9;transform:scale3d(1.08,1.08,1)}}
@keyframes shimmerGlide{0%,to{transform:skew(-15deg) translate(-100%);opacity:0}15%{opacity:1}45%{transform:skew(-15deg) translate(350%);opacity:1}50%,to{transform:skew(-15deg) translate(350%);opacity:0}}
@keyframes shimmerGlideFast{0%{transform:skew(-15deg) translate(-100%);opacity:0}10%{opacity:1}90%{transform:skew(-15deg) translate(350%);opacity:1}to{transform:skew(-15deg) translate(350%);opacity:0}}
@keyframes particleRise{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.3)}}
@keyframes arrowPulse{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-2px);opacity:.85}}
@keyframes pulseExpand{0%{transform:scaleZ(1);opacity:.5}50%{opacity:.25}to{transform:scale3d(1.3,1.3,1);opacity:0}}
.forextrust-cta-wrapper--compact .forextrust-floating-cta-enhanced{padding:.875rem 1.5rem;min-width:180px}
.forextrust-cta-wrapper--compact .cta-premium-icon{width:26px;height:26px}
.forextrust-cta-wrapper--compact .cta-headline{font-size:.9rem}
.forextrust-cta-wrapper--compact .cta-subline{font-size:.65rem}
.forextrust-cta-wrapper--compact .cta-accent-line{display:none}
.forextrust-cta-wrapper--expanded .forextrust-floating-cta-enhanced{padding:1.25rem 2.5rem;min-width:260px}
.forextrust-cta-wrapper--expanded .cta-premium-icon{width:36px;height:36px}
.forextrust-cta-wrapper--expanded .cta-headline{font-size:1.3125rem}
@media(max-width:1199px){
.forextrust-cta-wrapper{bottom:1.25rem;right:1.25rem}
.forextrust-floating-cta-enhanced{padding:1rem 1.75rem;min-width:200px}
.cta-trust-badge{font-size:.6875rem;padding:.3125rem .75rem}
.cta-headline{font-size:.9rem}
.cta-subline{font-size:.65rem}
.cta-accent-line{display:none}
}
@media(max-width:480px){
.forextrust-cta-wrapper{bottom:1rem;right:1rem;left:1rem;align-items:stretch}
.forextrust-floating-cta-enhanced{width:100%;min-width:unset;padding:1rem 1.5rem;border-radius:16px;justify-content:center;animation:none;will-change:auto}
.cta-trust-badge{align-self:center;animation:none;will-change:auto}
.cta-main-content{flex-direction:row;justify-content:center}
.cta-text-container{flex-direction:row;gap:.5rem}
.cta-subline, .cta-halo{display:none}
.cta-gold-shimmer, .pulse-ring, .icon-arrow{animation:none}
.pulse-ring{will-change:auto;display:none}
}
@media(prefers-reduced-motion:reduce){
.forextrust-floating-cta-enhanced, .cta-trust-badge, .cta-halo, .cta-bg-gradient, .cta-gold-border, .cta-gold-shimmer, .particle, .pulse-ring, .icon-arrow{animation:none}
.forextrust-floating-cta-enhanced{transition:transform .2s ease,box-shadow .2s ease}
.forextrust-floating-cta-enhanced:hover{transform:scale(1.02)}
.cta-particles{display:none}
}
.whatsapp-float{position:fixed;bottom:6rem;left:2rem;z-index:10000;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}
.whatsapp-float.hidden-by-modal{opacity:0;visibility:hidden;transform:scale(.8);pointer-events:none}
.whatsapp-button{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;box-shadow:0 6px 20px #25d36673;transition:transform .3s ease,box-shadow .3s ease;position:relative;will-change:transform;transform:translateZ(0)}
.whatsapp-button:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:#25d3664d;animation:whatsappPulseRing 2s ease-out infinite;will-change:transform,opacity;transform:translateZ(0);z-index:-1}
.whatsapp-button:hover{transform:scale3d(1.1,1.1,1);box-shadow:0 8px 28px #25d36699}
.whatsapp-button:hover .agent-tooltip{opacity:1;visibility:visible;transform:translate(12px)}
.whatsapp-button svg{width:40px;height:40px}
.agent-tooltip{position:absolute;left:82px;background:#fff;color:#333;padding:10px 14px;border-radius:10px;font-size:15px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}
.agent-tooltip:after{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:7px 10px 7px 0;border-color:transparent white transparent transparent}
@keyframes whatsappPulseRing{0%{transform:scaleZ(1);opacity:.6}50%{opacity:.3}to{transform:scale3d(1.4,1.4,1);opacity:0}}
@media(max-width:1199px){
.whatsapp-float{bottom:110px;left:16px}
.whatsapp-button{width:64px;height:64px}
.whatsapp-button svg{width:36px;height:36px}
.agent-tooltip{display:none}
}
@media(max-width:768px){
.whatsapp-button{will-change:auto}
.whatsapp-button:before{animation:none;will-change:auto;display:none}
}
:root {
  --btn-color-primary: #009345;
  --btn-color-primary-hover: #007a3a;
  --btn-color-primary-active: #006630;
  --btn-color-primary-light: rgba(0, 147, 69, .08);
  --btn-color-secondary: #1e3a5f;
  --btn-color-secondary-hover: #162d4a;
  --btn-color-secondary-active: #0f2136;
  --btn-color-secondary-light: rgba(30, 58, 95, .08);
  --btn-color-accent: #D4AF37;
  --btn-color-accent-hover: #c9a42f;
  --btn-color-accent-active: #b89428;
  --btn-color-accent-light: rgba(212, 175, 55, .12);
  --btn-color-white: #ffffff;
  --btn-color-text-light: #ffffff;
  --btn-color-text-dark: #1e3a5f;
  --btn-color-disabled-bg: #e8eaed;
  --btn-color-disabled-text: #9aa5b1;
  --btn-color-disabled-border: #d1d5db;
  --btn-shadow-sm: 0 1px 2px rgba(30, 58, 95, .06), 0 1px 3px rgba(30, 58, 95, .08);
  --btn-shadow-md: 0 2px 4px rgba(30, 58, 95, .06), 0 4px 8px rgba(30, 58, 95, .08);
  --btn-shadow-lg: 0 4px 8px rgba(30, 58, 95, .06), 0 8px 16px rgba(30, 58, 95, .1);
  --btn-shadow-xl: 0 8px 16px rgba(30, 58, 95, .08), 0 16px 32px rgba(30, 58, 95, .12);
  --btn-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .12);
  --btn-focus-ring: 0 0 0 3px rgba(0, 147, 69, .35);
  --btn-focus-ring-secondary: 0 0 0 3px rgba(30, 58, 95, .35);
  --btn-focus-ring-accent: 0 0 0 3px rgba(212, 175, 55, .4);
  --btn-font-family: "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --btn-font-weight: 700;
  --btn-letter-spacing: -.01em;
  --btn-line-height: 1.2;
  --btn-height-sm: 36px;
  --btn-height-md: 44px;
  --btn-height-lg: 52px;
  --btn-height-xl: 60px;
  --btn-padding-sm: 0 16px;
  --btn-padding-md: 0 24px;
  --btn-padding-lg: 0 32px;
  --btn-padding-xl: 0 40px;
  --btn-font-size-sm: 13px;
  --btn-font-size-md: 15px;
  --btn-font-size-lg: 16px;
  --btn-font-size-xl: 18px;
  --btn-border-radius: 6px;
  --btn-border-radius-lg: 8px;
  --btn-transition: all .15s cubic-bezier(.4, 0, .2, 1);
  --btn-transition-fast: all .1s cubic-bezier(.4, 0, .2, 1);
}
@keyframes btn-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root {
  --ft-font-primary: "Tajawal", "Noto Kufi Arabic", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ft-font-heading: "Noto Kufi Arabic", "Tajawal", "Cairo", -apple-system, BlinkMacSystemFont, sans-serif;
  --ft-text-h1: 2.75rem;
  --ft-text-h2: 2.25rem;
  --ft-text-h3: 1.875rem;
  --ft-text-h4: 1.5rem;
  --ft-text-h5: 1.25rem;
  --ft-text-h6: 1.125rem;
  --ft-text-body: 1.125rem;
  --ft-text-body-lg: 1.25rem;
  --ft-text-small: 1rem;
  --ft-text-meta: .9375rem;
  --ft-text-caption: .875rem;
  --ft-leading-h1: 1.5;
  --ft-leading-h2: 1.45;
  --ft-leading-h3: 1.5;
  --ft-leading-h4: 1.5;
  --ft-leading-h5: 1.5;
  --ft-leading-h6: 1.5;
  --ft-leading-body: 1.75;
  --ft-leading-relaxed: 1.8;
  --ft-leading-small: 1.6;
  --ft-weight-normal: 400;
  --ft-weight-medium: 500;
  --ft-weight-semibold: 600;
  --ft-weight-bold: 700;
  --ft-weight-extrabold: 800;
  --ft-tracking-tight: .01em;
  --ft-tracking-normal: .02em;
  --ft-tracking-wide: .03em;
  --ft-tracking-heading: .03em;
}
@media(max-width:1024px){
:root {
  --ft-text-h1: 2.5rem;
  --ft-text-h2: 2rem;
  --ft-text-h3: 1.75rem;
  --ft-text-h4: 1.375rem;
  --ft-text-h5: 1.1875rem;
}
}
@media(max-width:768px){
:root {
  --ft-text-h1: 2rem;
  --ft-text-h2: 1.75rem;
  --ft-text-h3: 1.5rem;
  --ft-text-h4: 1.25rem;
  --ft-text-h5: 1.125rem;
  --ft-text-h6: 1rem;
  --ft-text-body: 1.125rem;
  --ft-text-small: 1rem;
  --ft-text-meta: .9375rem;
  --ft-leading-h1: 1.5;
  --ft-leading-h2: 1.5;
  --ft-leading-h3: 1.5;
  --ft-leading-body: 1.8;
  --ft-leading-small: 1.6;
}
}
@media(max-width:480px){
:root {
  --ft-text-h1: 1.75rem;
  --ft-text-h2: 1.5rem;
  --ft-text-h3: 1.375rem;
  --ft-text-h4: 1.1875rem;
  --ft-text-h5: 1.0625rem;
  --ft-text-h6: 1rem;
  --ft-text-body: 1.125rem;
}
}
:root {
  --color-bg-primary: #0a0f1a;
  --color-bg-secondary: #0f172a;
  --color-bg-elevated: #1a2332;
  --color-bg-card: #151d2e;
  --color-bg-hover: #1e2940;
  --color-accent-primary: #0f766e;
  --color-accent-primary-light: #14b8a6;
  --color-accent-gold: #c9a227;
  --color-accent-gold-light: #d4af37;
  --color-accent-copper: #b87333;
  --color-text-primary: #ffffff;
  --color-text-secondary: #ffffff;
  --color-text-muted: #ffffff;
  --color-text-accent: #5eead4;
  --color-success: #10b981;
  --color-success-muted: #065f46;
  --color-border: rgba(148, 163, 184, .1);
  --color-border-hover: rgba(148, 163, 184, .2);
  --color-border-accent: rgba(15, 118, 110, .4);
  --gradient-premium: linear-gradient(135deg, #0f766e 0%, #0e7490 50%, #0891b2 100%);
  --gradient-gold: linear-gradient(135deg, #c9a227 0%, #d4af37 50%, #f4d03f 100%);
  --gradient-card: linear-gradient(180deg, rgba(26, 35, 50, .8) 0%, rgba(15, 23, 42, .95) 100%);
  --gradient-glow: radial-gradient(ellipse at center, rgba(15, 118, 110, .15) 0%, transparent 70%);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, .4);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);
  --shadow-glow: 0 0 40px rgba(15, 118, 110, .2);
  --shadow-gold: 0 0 30px rgba(201, 162, 39, .15);
  --font-primary: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-arabic: "Cairo", "Tajawal", "Inter", sans-serif;
  --space-xs: .25rem;
  --space-sm: .5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --transition-fast: .1s cubic-bezier(.4, 0, .2, 1);
  --transition-base: .15s cubic-bezier(.4, 0, .2, 1);
  --transition-slow: .25s cubic-bezier(.4, 0, .2, 1);
}
.top-brokers-section{position:relative;padding:var(--space-3xl) var(--space-lg);background:var(--color-bg-primary);font-family:var(--font-arabic);overflow:hidden}
.top-brokers-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-accent),transparent)}
.section-header{position:relative;max-width:1200px;margin:0 auto var(--space-3xl);text-align:center;z-index:1}
.header-content{position:relative;z-index:2}
.trust-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#0f766e1a;border:1px solid var(--color-border-accent);border-radius:var(--radius-xl);color:var(--color-text-accent);font-size:.875rem;font-weight:500;margin-bottom:var(--space-lg)}
.shield-icon{width:18px;height:18px}
.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-md);letter-spacing:-.02em;line-height:1.2}
.section-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}
.header-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;pointer-events:none}
.glow-orb{width:100%;height:100%;background:var(--gradient-glow);filter:blur(60px);opacity:.6}
.featured-broker-wrapper{position:relative;max-width:1200px;margin:0 auto var(--space-2xl);z-index:1}
.featured-broker-card{position:relative;background:var(--gradient-card);border:1px solid var(--color-border-accent);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-2xl) var(--space-2xl);overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow),transform var(--transition-slow)}
.featured-broker-card.animate-in{opacity:1;transform:translateY(0)}
.featured-broker-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold)}
.featured-glow{position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(201,162,39,.08) 0%,transparent 70%);pointer-events:none}
.featured-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);margin-bottom:var(--space-xl);background:var(--gradient-gold);border-radius:var(--radius-lg);color:#1a1a1a;font-size:1.125rem;font-weight:700;box-shadow:var(--shadow-gold),0 4px 20px #c9a2274d;z-index:10;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}
.crown-icon{width:24px;height:24px}
.featured-content{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-2xl);align-items:start}
.featured-main{display:flex;flex-direction:column;gap:var(--space-lg)}
.broker-identity{display:flex;align-items:center;gap:var(--space-lg)}
.logo-container{width:72px;height:72px;background:#fff;border:2px solid #ffffff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);transition:border-color var(--transition-base)}
.featured-logo{width:88px;height:88px}
.logo-container img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.broker-info{flex:1}
.broker-name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-sm)}
.broker-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}
.rating-display{display:flex;align-items:center;gap:var(--space-sm)}
.rating-value{font-size:1.125rem;font-weight:600;color:var(--color-accent-gold)}
.stars{display:flex;gap:2px}
.star{width:16px;height:16px;display:inline-block}
.star.filled:before{content:"";display:block;width:100%;height:100%;background:var(--color-accent-gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.star.half:before{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--color-accent-gold) 50%,var(--color-text-muted) 50%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.star.empty:before{content:"";display:block;width:100%;height:100%;background:var(--color-text-muted);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.established{font-size:.875rem;color:var(--color-text-muted);padding-right:var(--space-md);border-right:1px solid var(--color-border)}
.licenses-display{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}
.licenses-label{font-size:.875rem;color:var(--color-text-muted)}
.license-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap}
.license-badge{padding:var(--space-xs) var(--space-sm);background:#0f766e26;border:1px solid var(--color-border-accent);border-radius:var(--radius-sm);color:var(--color-text-accent);font-size:.75rem;font-weight:600;letter-spacing:.05em}
.awards-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}
.award-tag{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#c9a2271a;border:1px solid rgba(201,162,39,.3);border-radius:var(--radius-sm);color:var(--color-accent-gold-light);font-size:.75rem;font-weight:500}
.award-icon{width:12px;height:12px}
.featured-details{display:flex;flex-direction:column;gap:var(--space-lg)}
.detail-grid{display:grid;gap:var(--space-md)}
.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-elevated);border-radius:var(--radius-md)}
.detail-label{font-size:.875rem;color:var(--color-text-secondary)}
.detail-value{font-weight:600;color:var(--color-text-primary)}
.detail-value.highlight{color:var(--color-accent-primary-light);font-size:1.125rem}
.status-badge{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-hover);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}
.status-badge.success{background:var(--color-success-muted);color:#fff}
.features-list{display:flex;flex-direction:column;gap:var(--space-sm)}
.feature-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary)}
.check-icon{width:16px;height:16px;color:var(--color-success);flex-shrink:0}
.featured-actions{display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-width:180px}
.btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--gradient-premium);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-arabic);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base);box-shadow:var(--shadow-glow)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #0f766e4d}
.btn-primary:active{transform:translateY(0)}
.arrow-icon{width:18px;height:18px;transition:transform var(--transition-fast)}
.btn-primary:hover .arrow-icon{transform:translate(-4px)}
.btn-secondary{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);background:transparent;border:1px solid var(--color-border-hover);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-arabic);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base)}
.btn-secondary:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}
.brokers-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto var(--space-2xl);z-index:1}
.broker-card{position:relative;background:#151d2e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);opacity:0;transform:translateY(20px)}
.broker-card.animate-in{opacity:1;transform:translateY(0)}
.broker-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card-header{display:flex;align-items:center;gap:var(--space-md)}
.card-header .logo-container{width:56px;height:56px}
.card-header .broker-name{font-size:1.125rem;margin-bottom:var(--space-xs)}
.rating-display.compact .rating-value{font-size:.875rem}
.rating-display.compact .star{width:12px;height:12px}
.licenses-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}
.license-badge.compact{font-size:.6875rem;padding:2px var(--space-sm)}
.card-details{display:flex;flex-direction:column;gap:var(--space-sm)}
.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}
.detail-row .label{color:var(--color-text-muted)}
.detail-row .value{color:var(--color-text-primary);font-weight:500}
.icon-check{width:18px;height:18px;color:var(--color-success)}
.icon-x{width:18px;height:18px;color:var(--color-text-muted)}
.card-features{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md)}
.feature-tag{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary)}
.card-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}
.btn-card-primary{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-arabic);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}
.btn-card-primary:hover{background:var(--color-accent-primary-light)}
.btn-card-secondary{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-arabic);font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}
.btn-card-secondary:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}
.view-all-wrapper{position:relative;text-align:center;z-index:1}
.view-all-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);color:var(--color-text-accent);font-size:1rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}
.view-all-link:hover{color:var(--color-accent-primary-light)}
.view-all-link .arrow-icon{width:20px;height:20px;transition:transform var(--transition-fast)}
.view-all-link:hover .arrow-icon{transform:translate(-4px)}
@media(max-width:1024px){
.featured-content{grid-template-columns:1fr;gap:var(--space-xl)}
.featured-actions{flex-direction:row;min-width:auto}
.featured-badge{font-size:1rem;padding:var(--space-sm) var(--space-lg)}
}
@media(max-width:768px){
.top-brokers-section{padding:var(--space-2xl) var(--space-md)}
.section-title{font-size:1.5rem}
.section-subtitle{font-size:1rem}
.featured-broker-card{padding:var(--space-lg)}
.broker-identity{flex-direction:column;text-align:center}
.broker-meta, .licenses-display, .awards-row{justify-content:center}
.detail-grid{grid-template-columns:1fr}
.featured-actions{flex-direction:column}
.brokers-grid{grid-template-columns:1fr}
.established{padding-right:0;border-right:none;display:block;width:100%;text-align:center;margin-top:var(--space-sm)}
}
@media(max-width:480px){
.featured-logo{width:72px;height:72px}
.card-features{display:none}
.license-badges{justify-content:center}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:.8}}
.glow-orb{animation:pulse-glow 4s ease-in-out infinite}
.fintech-network-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:transparent;pointer-events:none}
.geo-layer{position:absolute;inset:0;opacity:.4;will-change:transform}
.geo-layer svg{width:100%;height:100%}
.geo-polygon{fill:none;stroke:#ffffff08;stroke-width:.5}
.geo-polygon-fill{fill:#ffffff02;stroke:none}
.network-layer{position:absolute;inset:0;will-change:transform}
.network-layer svg{width:100%;height:100%}
.network-line{stroke:#ffffff1f;stroke-width:.5;fill:none;stroke-linecap:round}
.network-line-accent{stroke:#22c55e14;stroke-width:.5}
.network-node{fill:#ffffffd9;will-change:transform,opacity}
.network-node-glow{fill:#ffffff26;filter:blur(2px)}
.network-node-accent{fill:#22c55e;opacity:.7}
.float-1{animation:float1 8s ease-in-out infinite}
.float-2{animation:float2 10s ease-in-out infinite}
.float-3{animation:float3 12s ease-in-out infinite}
.pulse{animation:nodePulse 4s ease-in-out infinite}
.pulse-slow{animation:nodePulse 6s ease-in-out infinite}
.pulse-accent{animation:nodePulseAccent 5s ease-in-out infinite}
@keyframes float1{0%,to{transform:translate(0)}25%{transform:translate(3px,-5px)}50%{transform:translate(-2px,-8px)}75%{transform:translate(4px,-3px)}}
@keyframes float2{0%,to{transform:translate(0)}33%{transform:translate(-4px,6px)}66%{transform:translate(5px,3px)}}
@keyframes float3{0%,to{transform:translate(0)}20%{transform:translate(2px,4px)}40%{transform:translate(-3px,-2px)}60%{transform:translate(4px,-5px)}80%{transform:translate(-2px,3px)}}
@keyframes nodePulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}
@keyframes nodePulseAccent{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}
.bokeh-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bokeh-orb{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform,opacity}
.bokeh-1{width:400px;height:400px;bottom:-150px;left:-100px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);animation:bokehFloat1 15s ease-in-out infinite}
.bokeh-2{width:350px;height:350px;bottom:-100px;right:-80px;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);animation:bokehFloat2 18s ease-in-out infinite}
.bokeh-3{width:300px;height:300px;top:-100px;right:20%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);animation:bokehFloat3 20s ease-in-out infinite}
.bokeh-4{width:500px;height:500px;top:30%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(16,185,129,.03) 0%,transparent 60%);animation:bokehPulse 12s ease-in-out infinite}
@keyframes bokehFloat1{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(30px,-20px) scale(1.1);opacity:.8}}
@keyframes bokehFloat2{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-25px,-15px) scale(1.15);opacity:.7}}
@keyframes bokehFloat3{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-20px,30px);opacity:.4}}
@keyframes bokehPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.3;transform:translate(-50%) scale(1.2)}}
.network-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(10,22,40,.4) 100%);pointer-events:none}
.premium-background{--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-gentle: cubic-bezier(.25, .1, .25, 1);--ease-float: cubic-bezier(.37, 0, .63, 1);--color-green-glow: rgba(34, 197, 94, .4);--color-gold-glow: rgba(201, 162, 39, .35);position:absolute;inset:0;width:100%;height:100%;overflow:hidden;perspective:1200px;perspective-origin:50% 50%;transform-style:preserve-3d;z-index:1;pointer-events:none}
.symbols-universe{position:absolute;inset:0;transform-style:preserve-3d;z-index:5}
.depth-layer{position:absolute;inset:0;transform-style:preserve-3d}
.stock-symbol{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transform-style:preserve-3d;will-change:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;backface-visibility:hidden}
.symbol-icon{font-size:.6em;opacity:.6;filter:grayscale(.3)}
.symbol-text{font-family:Tajawal,Cairo,sans-serif;font-weight:700;letter-spacing:.05em;color:#ffffff80;text-shadow:0 0 40px var(--color-green-glow),0 2px 20px rgba(0,0,0,.5);transition:all .5s ease}
.saudi-stock .symbol-text{color:#22c55e99;text-shadow:0 0 30px rgba(34,197,94,.4),0 0 60px rgba(34,197,94,.2)}
.saudi-stock .symbol-icon{filter:none;opacity:.8}
.us-stock .symbol-text{color:#3b82f699;text-shadow:0 0 30px rgba(59,130,246,.4),0 0 60px rgba(59,130,246,.2)}
.us-stock .symbol-icon{filter:none;opacity:.8}
.gold-asset .symbol-text{color:#d4af37b3;text-shadow:0 0 40px rgba(212,175,55,.5),0 0 80px rgba(212,175,55,.3);font-weight:800}
.gold-asset .symbol-icon{color:#d4af37e6;text-shadow:0 0 20px rgba(212,175,55,.6);animation:goldShimmer 3s ease-in-out infinite}
@keyframes goldShimmer{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
.oil-asset .symbol-text{color:#94a3b8b3;text-shadow:0 0 30px rgba(148,163,184,.4),0 0 60px rgba(0,0,0,.5);font-weight:800}
.oil-asset .symbol-icon{color:#1e293be6;text-shadow:0 0 15px rgba(148,163,184,.5)}
.bitcoin-asset .symbol-text{color:#f97316b3;text-shadow:0 0 40px rgba(249,115,22,.5),0 0 80px rgba(249,115,22,.3);font-weight:900}
.bitcoin-asset .symbol-icon{color:#f97316e6;text-shadow:0 0 25px rgba(249,115,22,.7);animation:bitcoinPulse 2s ease-in-out infinite}
@keyframes bitcoinPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
.featured-asset .symbol-text{font-weight:800}
.depth-far .stock-symbol{opacity:.35;filter:blur(.5px)}
.depth-far .symbol-text{font-size:1.8rem}
.symbol-1{top:18%;left:12%;animation:float4D-1 28s var(--ease-float) infinite;animation-delay:-5s}
.symbol-2{top:55%;left:75%;animation:float4D-2 32s var(--ease-float) infinite;animation-delay:-12s}
.symbol-3{top:78%;left:22%;animation:float4D-3 26s var(--ease-float) infinite;animation-delay:-8s}
.depth-mid .stock-symbol{opacity:.5}
.depth-mid .symbol-text{font-size:2.2rem}
.symbol-4{top:32%;left:82%;animation:float4D-4 24s var(--ease-float) infinite;animation-delay:-3s}
.symbol-5{top:48%;left:8%;animation:float4D-5 30s var(--ease-float) infinite;animation-delay:-15s}
.symbol-5 .symbol-text{font-size:2.8rem}
.symbol-6{top:12%;left:52%;animation:float4D-6 22s var(--ease-float) infinite;animation-delay:-7s}
.symbol-6 .symbol-text{font-size:2.6rem}
.symbol-7{top:75%;left:48%;animation:float4D-7 26s var(--ease-float) infinite;animation-delay:-18s}
.depth-near .stock-symbol{opacity:.7}
.depth-near .symbol-text{font-size:3rem}
.symbol-8{top:28%;left:32%;animation:float4D-8 20s var(--ease-float) infinite;animation-delay:-2s;color:#4ade8099;text-shadow:0 0 40px var(--color-green-glow),0 0 80px rgba(34,197,94,.2)}
.symbol-8 .symbol-text{font-size:3.2rem}
.symbol-9{top:52%;left:62%;animation:float4D-9 18s var(--ease-float) infinite;animation-delay:-10s}
.symbol-9 .symbol-text{font-size:3rem}
.symbol-10{top:72%;left:18%;animation:float4D-10 22s var(--ease-float) infinite;animation-delay:-6s}
.symbol-10 .symbol-text{font-size:3.5rem}
@keyframes float4D-1{0%,to{transform:translate(0) translateY(0) translateZ(-350px) rotateX(0) rotateY(0)}25%{transform:translate(40px) translateY(-30px) translateZ(-320px) rotateX(8deg) rotateY(-12deg)}50%{transform:translate(-20px) translateY(20px) translateZ(-380px) rotateX(-5deg) rotateY(8deg)}75%{transform:translate(30px) translateY(10px) translateZ(-340px) rotateX(10deg) rotateY(-5deg)}}
@keyframes float4D-2{0%,to{transform:translate(0) translateY(0) translateZ(-300px) rotateX(5deg) rotateY(0)}33%{transform:translate(-50px) translateY(40px) translateZ(-350px) rotateX(-8deg) rotateY(15deg)}66%{transform:translate(30px) translateY(-25px) translateZ(-280px) rotateX(12deg) rotateY(-10deg)}}
@keyframes float4D-3{0%,to{transform:translate(0) translateY(0) translateZ(-400px) rotateX(0) rotateY(5deg)}50%{transform:translate(45px) translateY(-35px) translateZ(-360px) rotateX(-10deg) rotateY(-8deg)}}
@keyframes float4D-4{0%,to{transform:translate(0) translateY(0) translateZ(-150px) rotateX(3deg) rotateY(0)}25%{transform:translate(-35px) translateY(25px) translateZ(-180px) rotateX(-7deg) rotateY(10deg)}50%{transform:translate(25px) translateY(-40px) translateZ(-120px) rotateX(8deg) rotateY(-12deg)}75%{transform:translate(-15px) translateY(15px) translateZ(-200px) rotateX(-4deg) rotateY(6deg)}}
@keyframes float4D-5{0%,to{transform:translate(0) translateY(0) translateZ(-100px) rotateX(0) rotateY(-3deg)}33%{transform:translate(55px) translateY(-30px) translateZ(-130px) rotateX(10deg) rotateY(8deg)}66%{transform:translate(-40px) translateY(35px) translateZ(-80px) rotateX(-6deg) rotateY(-10deg)}}
@keyframes float4D-6{0%,to{transform:translate(0) translateY(0) translateZ(-180px) rotateX(-5deg) rotateY(0)}50%{transform:translate(-30px) translateY(50px) translateZ(-150px) rotateX(8deg) rotateY(-15deg)}}
@keyframes float4D-7{0%,to{transform:translate(0) translateY(0) translateZ(-120px) rotateX(0) rotateY(8deg)}25%{transform:translate(40px) translateY(-20px) translateZ(-160px) rotateX(6deg) rotateY(-5deg)}50%{transform:translate(-25px) translateY(30px) translateZ(-90px) rotateX(-8deg) rotateY(12deg)}75%{transform:translate(20px) translateY(-35px) translateZ(-140px) rotateX(4deg) rotateY(-8deg)}}
@keyframes float4D-8{0%,to{transform:translate(0) translateY(0) translateZ(50px) rotateX(0) rotateY(0)}20%{transform:translate(-30px) translateY(35px) translateZ(80px) rotateX(-5deg) rotateY(8deg)}40%{transform:translate(45px) translateY(-25px) translateZ(30px) rotateX(8deg) rotateY(-12deg)}60%{transform:translate(-20px) translateY(-40px) translateZ(100px) rotateX(-3deg) rotateY(6deg)}80%{transform:translate(35px) translateY(20px) translateZ(20px) rotateX(6deg) rotateY(-5deg)}}
@keyframes float4D-9{0%,to{transform:translate(0) translateY(0) translateZ(100px) rotateX(3deg) rotateY(-5deg)}33%{transform:translate(-50px) translateY(-30px) translateZ(150px) rotateX(-8deg) rotateY(10deg)}66%{transform:translate(40px) translateY(45px) translateZ(60px) rotateX(10deg) rotateY(-8deg)}}
@keyframes float4D-10{0%,to{transform:translate(0) translateY(0) translateZ(30px) rotateX(0) rotateY(5deg)}25%{transform:translate(35px) translateY(-40px) translateZ(70px) rotateX(7deg) rotateY(-10deg)}50%{transform:translate(-45px) translateY(25px) translateZ(-10px) rotateX(-5deg) rotateY(12deg)}75%{transform:translate(20px) translateY(30px) translateZ(50px) rotateX(4deg) rotateY(-6deg)}}
.light-rays{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.ray{position:absolute;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(34,197,94,.03) 30%,rgba(34,197,94,.08) 50%,rgba(34,197,94,.03) 70%,transparent 100%);opacity:0;will-change:transform,opacity}
.ray-1{left:25%;transform:rotate(-15deg) translateY(-100%);animation:rayBeam 12s 0s var(--ease-gentle) infinite}
.ray-2{left:55%;transform:rotate(10deg) translateY(-100%);animation:rayBeam 15s 4s var(--ease-gentle) infinite;background:linear-gradient(180deg,transparent 0%,rgba(201,162,39,.02) 30%,rgba(201,162,39,.06) 50%,rgba(201,162,39,.02) 70%,transparent 100%)}
.ray-3{left:80%;transform:rotate(-8deg) translateY(-100%);animation:rayBeam 18s 8s var(--ease-gentle) infinite}
.vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 0%,transparent 40%,rgba(5,8,16,.4) 70%,rgba(5,8,16,.8) 100%)}
.noise-overlay{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}
.orb, .particle, .stock-symbol, .ray, .holographic-grid{will-change:transform,opacity;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){
.orb, .particle, .stock-symbol, .ray, .holographic-grid{animation:none!important}
.orb{opacity:.3}
.particle, .stock-symbol{opacity:.4}
.ray{opacity:0}
}
@media(max-width:768px){
.symbol-text{font-size:1.4rem!important}
.depth-near .symbol-text{font-size:2rem!important}
.symbol-8 .symbol-text, .symbol-9 .symbol-text, .symbol-10 .symbol-text{font-size:2.2rem!important}
.symbol-icon{font-size:.5em}
.orb-1, .orb-2, .orb-3{filter:blur(80px);opacity:.1}
}
@media(max-width:480px){
.symbol-text{font-size:1rem!important}
.depth-near .symbol-text{font-size:1.6rem!important}
.symbol-icon{display:none}
}
.broker-name-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}
.inline-rating{display:flex;align-items:center;gap:var(--space-xs);padding:4px 10px;background:#c9a22726;border:1px solid rgba(201,162,39,.3);border-radius:var(--radius-sm)}
.inline-rating.small{padding:2px 8px}
.rating-star-small{width:14px;height:14px;color:var(--color-accent-gold);filter:drop-shadow(0 0 4px rgba(201,162,39,.5));animation:star-twinkle 2s ease-in-out infinite}
.inline-rating.small .rating-star-small{width:12px;height:12px}
.rating-num{font-size:.75rem;font-weight:700;color:var(--color-accent-gold-light)}
.inline-rating.small .rating-num{font-size:.65rem}
.symbols-universe{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}
.symbols-universe.animate-in{opacity:1;transform:translateY(0)}
.symbols-universe:not(.animate-in) .stock-symbol{animation-play-state:paused!important}
.premium-chart-container{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10%;opacity:0;transform:translateY(40px);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}
.premium-chart-container.animate-in{opacity:1;transform:translateY(0)}
.premium-chart{width:100%;max-width:1400px;height:auto;min-height:200px;filter:drop-shadow(0 0 30px rgba(34,197,94,.15))}
.chart-line{stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 3s cubic-bezier(.25,.1,.25,1)}
.premium-chart-container.animate-in .chart-line{stroke-dashoffset:0}
.chart-area{opacity:0;transition:opacity 1.5s ease-out 1.5s}
.premium-chart-container.animate-in .chart-area{opacity:.7}
.chart-points .point{opacity:0;transform-origin:center;transition:opacity .4s ease-out,transform .4s ease-out}
.premium-chart-container.animate-in .point-1{opacity:1;transition-delay:1s;animation:pointPulse 2s ease-in-out infinite 1.5s}
.premium-chart-container.animate-in .point-2{opacity:1;transition-delay:1.3s;animation:pointPulse 2s ease-in-out infinite 1.8s}
.premium-chart-container.animate-in .point-3{opacity:1;transition-delay:1.6s;animation:pointPulse 2.5s ease-in-out infinite 2.1s}
.premium-chart-container.animate-in .point-4{opacity:1;transition-delay:1.9s;animation:pointPulse 2s ease-in-out infinite 2.4s}
.premium-chart-container.animate-in .point-5{opacity:1;transition-delay:2.2s;animation:pointPulse 2s ease-in-out infinite 2.7s}
@keyframes pointPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 3px rgba(34,197,94,.5))}50%{transform:scale(1.3);filter:drop-shadow(0 0 10px rgba(34,197,94,.8))}}
.pulse-ring{opacity:0;transform-origin:center}
.premium-chart-container.animate-in .pulse-ring{animation:pulseRing 2s ease-out infinite 2.5s}
@keyframes pulseRing{0%{opacity:.8;r:7;stroke-width:2}to{opacity:0;r:25;stroke-width:.5}}
.chart-labels{position:absolute;inset:0;pointer-events:none}
.chart-value{position:absolute;font-family:Inter,sans-serif;font-weight:600;color:var(--color-success);font-size:.9rem;padding:4px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:6px;opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out;text-shadow:0 0 10px rgba(34,197,94,.5)}
.premium-chart-container.animate-in .chart-value{opacity:1;transform:translateY(0)}
.value-1{top:55%;left:20%;transition-delay:1.5s}
.value-2{top:40%;left:50%;transition-delay:2s;font-size:1rem}
.value-3{top:25%;left:75%;transition-delay:2.5s;font-size:1.1rem;color:#4ade80;border-color:#4ade804d;background:#4ade8026}
@media(max-width:768px){
.premium-chart-container{padding-bottom:5%}
.chart-value{font-size:.75rem;padding:3px 6px}
.value-2{font-size:.8rem}
.value-3{font-size:.85rem}
}
@media(max-width:480px){
.chart-labels{display:none}
}
.gold-trading-premium-section{background:linear-gradient(180deg,#0f172a,#1e293b);position:relative;overflow:hidden}
.gold-trading-premium-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(251,191,36,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,158,11,.08) 0%,transparent 50%);pointer-events:none}
.image-container-premium{position:relative}
.image-wrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fbbf241a,inset 0 1px #ffffff0d;background:linear-gradient(135deg,#1e293b,#0f172a)}
.gold-image-container{position:relative;padding:3rem;display:flex;align-items:center;justify-content:center;min-height:500px}
.gold-image{width:100%;max-width:450px;height:auto;filter:drop-shadow(0 20px 40px rgba(251,191,36,.4));animation:float 6s ease-in-out infinite;will-change:transform;transform:translateZ(0)}
@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-20px,0)}}
.glow-effect{position:absolute;inset:-2px;border-radius:24px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);opacity:.2;filter:blur(20px);pointer-events:none;animation:glow 3s ease-in-out infinite;will-change:opacity}
@keyframes glow{0%,to{opacity:.2}50%{opacity:.4}}
@media(max-width:768px){
.gold-image, .glow-effect{animation:none;will-change:auto}
}
.trust-badges{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.trust-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,.2);border-radius:12px;color:#fbbf24;font-size:.875rem;font-weight:600}
.trust-badge svg{flex-shrink:0}
.content-premium{color:#fff}
.premium-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.3);border-radius:9999px;color:#fbbf24;font-size:.875rem;font-weight:700;margin-bottom:1.5rem}
.content-heading{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}
.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.content-description{font-size:1.125rem;color:#cbd5e1;line-height:1.8;margin-bottom:2.5rem}
.features-grid-gold{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem}
.feature-card-gold{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,.1);border-radius:16px;transition:all .3s ease}
.feature-card-gold:hover{background:#ffffff14;border-color:#fbbf244d;transform:translateY(-2px)}
.feature-icon-gold{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-radius:12px;color:#fbbf24;flex-shrink:0}
.feature-icon-gold svg{width:1.5rem;height:1.5rem}
.feature-title-gold{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem}
.feature-desc-gold{font-size:.875rem;color:#94a3b8}
.stats-row{display:flex;align-items:center;gap:2rem;padding:2rem;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,.1);border-radius:16px;margin-bottom:2.5rem}
.stat-item-gold{flex:1;text-align:center}
.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}
.stat-label{font-size:.875rem;color:#cbd5e1;font-weight:600}
.stat-divider{width:1px;height:3rem;background:linear-gradient(180deg,transparent,rgba(251,191,36,.3),transparent)}
.cta-buttons-gold{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary-gold{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;border-radius:16px;font-weight:700;font-size:1.125rem;box-shadow:0 10px 30px #fbbf2466,inset 0 1px #ffffff4d;transition:all .3s ease}
.btn-primary-gold:hover{transform:translateY(-2px);box-shadow:0 15px 40px #fbbf2480}
.btn-icon{width:1.25rem;height:1.25rem;transition:transform .3s ease}
.btn-primary-gold:hover .btn-icon{transform:translate(-4px)}
.btn-secondary-gold{display:inline-flex;align-items:center;padding:1.25rem 2.5rem;background:#ffffff0d;backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(251,191,36,.3);border-radius:16px;font-weight:600;font-size:1.125rem;transition:all .3s ease}
.btn-secondary-gold:hover{background:#ffffff1a;border-color:#fbbf2480}
@media(max-width:1199px){
.content-heading{font-size:2.5rem}
.features-grid-gold{grid-template-columns:1fr}
.stats-row{flex-direction:column;gap:1.5rem}
.stat-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent)}
}
@media(max-width:640px){
.content-heading{font-size:2rem}
.cta-buttons-gold{flex-direction:column}
.btn-primary-gold, .btn-secondary-gold{width:100%;justify-content:center}
.trust-badges{flex-direction:column}
.trust-badge{width:100%;justify-content:center}
.gold-image-container{min-height:350px;padding:2rem}
.gold-image{max-width:300px}
}
.international-stocks-section{position:relative;padding:6rem 0;background:linear-gradient(135deg,#0f172a,#134e4a 35%,#115e59 50%,#0f172a);overflow:hidden;direction:rtl}
.top-accent-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(201,162,39,.3) 20%,rgba(201,162,39,.6) 50%,rgba(201,162,39,.3) 80%,transparent 100%)}
.blur-element{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px)}
.blur-teal{width:400px;height:400px;background:#0d948826;top:20%;right:-100px}
.blur-gold{width:300px;height:300px;background:#c9a22714;bottom:10%;left:-50px}
.international-stocks-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 17.32v25.36L30 60 0 42.68V17.32L30 0z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px;opacity:.5;pointer-events:none}
.stocks-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}
.stocks-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.content-wrapper{text-align:right}
.section-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#14b8a6,#0d9488,#c9a227);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.2;position:relative;display:inline-block}
.section-title:after{content:"";position:absolute;bottom:-8px;right:0;width:60%;height:2px;background:linear-gradient(90deg,rgba(201,162,39,.6) 0%,transparent 100%)}
.section-subtitle{font-size:1.5rem;color:#ffffffb3;margin-bottom:3rem;font-weight:400}
.stocks-features{display:grid;gap:1.25rem;margin-bottom:3rem}
.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:16px;border:1px solid rgba(13,148,136,.2);transition:all .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.feature-item:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#0d948866;transform:translateY(-2px);box-shadow:0 8px 24px #0d948826}
.feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:12px;color:#fff;box-shadow:0 4px 12px #0d94884d}
.feature-icon svg{width:24px;height:24px}
.feature-text{flex:1;text-align:right}
.feature-text h3{font-size:1.125rem;font-weight:700;color:#fffffff2;margin-bottom:.25rem}
.feature-text p{font-size:.95rem;color:#fff9;margin:0}
.cta-buttons{display:flex;gap:1rem;justify-content:flex-start}
.btn-primary, .btn-secondary{padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;cursor:pointer;border:none}
.btn-primary{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;box-shadow:0 8px 24px #0d948859}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0d948873;background:linear-gradient(135deg,#14b8a6,#0d9488)}
.btn-secondary{background:#ffffff0f;color:#ffffffe6;border:1px solid rgba(13,148,136,.3);backdrop-filter:blur(8px)}
.btn-secondary:hover{background:#ffffff1a;border-color:#0d948880;transform:translateY(-2px)}
.video-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0006;background:linear-gradient(135deg,#0d948833,#c9a2271a);padding:3px}
.video-container:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#0d948880,#c9a2274d,#0d948880);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.stocks-video{width:100%;height:auto;display:none;border-radius:18px}
@media(min-width:769px){
.stocks-video{display:block}
.stocks-poster-mobile{display:none}
}
.stocks-poster-mobile{display:flex;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(135deg,#0d948826,#c9a22714);border-radius:18px;padding:2rem}
.stocks-poster-mobile .poster-image{max-width:160px;height:auto;border-radius:12px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.3))}
.video-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0d948814,#c9a2270d);pointer-events:none;border-radius:18px}
.logo-overlay{position:absolute;bottom:20px;right:20px;z-index:10;opacity:.85;transition:opacity .3s ease}
.logo-overlay:hover{opacity:1}
.forextrust-logo{width:120px;height:auto;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
@media(max-width:968px){
.international-stocks-section{padding:4rem 0}
.stocks-content{grid-template-columns:1fr;gap:3rem}
.content-wrapper{text-align:center}
.section-title{font-size:2rem}
.section-title:after{right:50%;transform:translate(50%)}
.section-subtitle{font-size:1.25rem}
.feature-text{text-align:right}
.cta-buttons{justify-content:center;flex-wrap:wrap}
.blur-teal{width:250px;height:250px;right:-80px}
.blur-gold{width:200px;height:200px;left:-60px}
}
@media(max-width:640px){
.section-title{font-size:1.75rem}
.section-subtitle{font-size:1.1rem}
.cta-buttons{flex-direction:column}
.btn-primary, .btn-secondary{width:100%;text-align:center}
.feature-item{padding:1rem 1.25rem}
}
.faq-item{border-top-width:3px;border-top-color:transparent;transition:all .3s ease}
.faq-item[open]{border-top-color:#218544;border-color:#218544;box-shadow:0 2px 8px #2185441a}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
details[open] summary~{animation:slideDown .3s ease}
.hero-glass-card-compact{position:relative;max-width:560px;background:#0f172a59;background:linear-gradient(135deg,#0f172a66,#1e293b4d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);padding:2.5rem 2rem;box-shadow:0 25px 50px -12px #0000004d,inset 0 1px #ffffff26,inset 0 -1px #ffffff0d}
.hero-corner-accent{position:absolute;width:60px;height:60px;pointer-events:none}
.hero-corner-accent--top-left{top:-1px;left:-1px;border-top:2px solid rgba(201,162,39,.6);border-left:2px solid rgba(201,162,39,.6);border-radius:24px 0 0}
.hero-corner-accent--bottom-right{bottom:-1px;right:-1px;border-bottom:2px solid rgba(13,148,136,.6);border-right:2px solid rgba(13,148,136,.6);border-radius:0 0 24px}
.hero-logo-image{width:180px;height:auto;margin:0 auto 1.5rem;display:block}
.hero-tagline{display:block;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:500;color:#ffffffd9;letter-spacing:.05em;margin-bottom:.5rem;text-transform:none}
.hero-title-compact{font-family:Tajawal,sans-serif;font-size:2.5rem;font-weight:800;color:#fff;line-height:1.3;margin-bottom:1rem}
.hero-subtitle-compact{font-family:Tajawal,sans-serif;font-size:1rem;font-weight:400;color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}
.btn-primary-luxury{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;padding:.875rem 1.75rem;border-radius:12px;font-weight:700;font-size:.9375rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 14px #0d948866;border:1px solid rgba(255,255,255,.2);-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:rgba(13,148,136,.3);touch-action:manipulation;cursor:pointer}
.btn-primary-luxury:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d948880}
.btn-primary-luxury , .btn-primary-luxury:before, .btn-primary-luxury:after{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.btn-primary-luxury:active{transition:none!important;transform:scale(.94) translateY(0);opacity:.85;background:linear-gradient(135deg,#007a3a,#006630)!important}
.btn-secondary-luxury{background:#ffffff1a;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.9375rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-block;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:manipulation;cursor:pointer}
.btn-secondary-luxury:hover{background:#fff3;border-color:#ffffff4d}
.btn-secondary-luxury , .btn-secondary-luxury:before, .btn-secondary-luxury:after{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.btn-secondary-luxury:active{transition:none!important;transform:scale(.94);opacity:.85;background:#ffffff40!important;border-color:#fff6!important}
.category-card-luxury{background:#fff;border-radius:16px;padding:2rem;transition:all .3s ease;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;text-align:center}
.category-card-luxury:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:#0d9488}
.category-icon-container{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 1rem;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid rgba(13,148,136,.2);border-radius:16px;color:#0f766e;transition:all .3s ease}
.category-card-luxury:hover .category-icon-container{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;transform:scale(1.05)}
.glass-card-dark{background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:3rem 2rem}
.btn-white-glass{background:#fff;color:#1e40af;padding:1rem 2.5rem;border-radius:12px;font-weight:700;transition:all .3s ease;display:inline-block;box-shadow:0 4px 15px #0000001a}
.btn-white-glass:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}
.btn-outline-white{background:transparent;border:2px solid white;color:#fff;padding:1rem 2.5rem;border-radius:12px;font-weight:600;transition:all .3s ease;display:inline-block}
.btn-outline-white:hover{background:#ffffff1a}
.post-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;display:block}
.post-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026}
.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#eff6ff;color:#1e40af}
.hero-section{min-height:550px;display:flex;align-items:center}
@media(max-width:640px){
.hero-glass-card-compact{padding:2rem 1.5rem;margin:0 1rem}
.hero-logo-image{width:140px}
.hero-title-compact{font-size:1.5rem}
.hero-subtitle-compact{font-size:.9375rem}
.hero-section{min-height:480px}
}
@media(min-width:768px){
.hero-title-compact{font-size:2.25rem}
.hero-subtitle-compact{font-size:1.125rem}
}
.modal-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:auto!important;touch-action:none;overscroll-behavior:none}
@media(min-width:768px){
.modal-overlay{background:#0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
}
@media(max-width:767px){
.modal-overlay{background:#0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden;-webkit-overflow-scrolling:auto}
}
.modal-overlay.active{display:flex;opacity:1}
.modal-container{background:linear-gradient(180deg,#fff,#f8fafc);position:relative;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto!important;overscroll-behavior:contain}
@media(min-width:768px){
.modal-container{width:90%;max-width:640px;max-height:85vh;border-radius:24px;box-shadow:0 32px 64px #00000059,0 16px 32px #0003,0 8px 16px #00000026,0 0 0 1px #ffffff14,inset 0 1px #ffffff1f;transform:scale(.95) translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}
.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}
}
@media(max-width:767px){
.modal-container{width:calc(100% - 1.5rem);max-width:440px;max-height:96vh;border-radius:20px;box-shadow:0 32px 64px #00000059,0 16px 32px #0003,0 8px 16px #00000026,0 0 0 1px #ffffff14,inset 0 1px #ffffff1f;transform:scale(.95) translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;padding-left:max(1.25rem,env(safe-area-inset-left,0));padding-right:max(1.25rem,env(safe-area-inset-right,0))}
.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}
}
.modal-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem .75rem;border-bottom:1px solid #e2e8f0;position:relative;background:linear-gradient(180deg,#fff,#f8fafc);z-index:10}
.modal-logo-centered{display:flex;justify-content:center;width:100%}
.modal-logo-centered img{height:80px;width:auto}
.modal-close{position:absolute;top:1rem;left:1rem;width:40px;height:40px;background:#f1f5f9;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto!important}
.modal-close *, .modal-overlay button, .modal-overlay a, .modal-overlay button *, .modal-overlay a *{pointer-events:auto!important}
.modal-close:hover{background:#e2e8f0;transform:rotate(90deg)}
.modal-close svg{width:20px;height:20px;color:#64748b}
.step-indicators{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;gap:.375rem;background:linear-gradient(180deg,#f8fafc,#fff);z-index:9}
.step-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.indicator-dot{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#94a3b8;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.step-indicator.active .indicator-dot, .step-indicator.completed .indicator-dot{background:linear-gradient(135deg,#009345,#00a54e);color:#fff;box-shadow:0 4px 12px #0093454d}
.step-indicator span{font-size:.75rem;color:#94a3b8;font-weight:500}
.step-indicator.active span{color:#009345;font-weight:600}
.step-line{width:40px;height:2px;background:#e2e8f0;margin-bottom:.75rem}
.multi-step-form{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1.5rem 1.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-height:0;touch-action:pan-y;overscroll-behavior:contain}
.multi-step-form::-webkit-scrollbar{display:none}
.form-step{display:none;animation:fadeSlide .4s ease-out;touch-action:pan-y}
.form-step.active{display:block}
@keyframes fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.step-header{text-align:center;margin-bottom:1rem}
.step-title{display:block;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.375rem;line-height:1.3}
.step-subtitle{font-size:1rem;color:#64748b;line-height:1.4}
.verification-icon{width:48px;height:38px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}
.verification-icon svg{width:26px;height:26px;stroke:#059669}
.rejection-content{text-align:center;padding:1.5rem 0}
.rejection-icon{width:68px;height:68px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem}
.rejection-icon svg{width:40px;height:40px;stroke:#d97706}
.rejection-title{color:#92400e!important}
.rejection-note{font-size:.9375rem;color:#78716c;margin-top:1rem;padding:1rem;background:#fef3c7;border-radius:12px;border-right:4px solid #f59e0b}
.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.asset-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.25rem .9rem;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s ease}
.asset-card:hover{border-color:#00a54e;background:#f0fdfa;transform:translateY(-2px);box-shadow:0 8px 24px #00a54e1f}
.asset-card.selected{border-color:#00a54e;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);box-shadow:0 8px 24px #00a54e26}
.multi-step-form{--error-primary: #B45309;--error-soft: #FEF3C7;--error-soft-start: #FFFBEB;--error-medium: #F59E0B;--error-text: #92400E;--error-muted: #D97706;--error-glow: rgba(180, 83, 9, .1);--error-glow-strong: rgba(245, 158, 11, .2)}
.asset-card.validation-error{border-color:var(--error-primary)!important;background:linear-gradient(135deg,var(--error-soft-start) 0%,var(--error-soft) 100%)!important;box-shadow:0 0 0 3px var(--error-glow),0 4px 12px #b4530914!important;animation:elegantAttention .5s ease-in-out}
@keyframes elegantAttention{0%,to{transform:translate(0);box-shadow:0 0 0 3px var(--error-glow)}15%,45%,75%{transform:translate(-3px)}30%,60%,90%{transform:translate(3px)}50%{box-shadow:0 0 0 4px var(--error-glow-strong)}}
.step-input.has-error{border-color:var(--error-primary)!important;background:linear-gradient(180deg,var(--error-soft-start) 0%,var(--error-soft) 100%)!important;box-shadow:0 0 0 3px var(--error-glow),inset 0 1px 2px #b453090f!important}
.step-input.has-error:focus{border-color:var(--error-muted)!important;box-shadow:0 0 0 4px var(--error-glow-strong),inset 0 1px 2px #b453090a!important}
.input-wrapper.has-error .input-icon svg{stroke:var(--error-muted)}
@keyframes validationFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.nav-btn.shake{animation:elegantAttention .4s ease-in-out}
.choice-btn.validation-error{border-color:var(--error-primary)!important;background:linear-gradient(135deg,var(--error-soft-start) 0%,var(--error-soft) 100%)!important;animation:elegantAttention .5s ease-in-out}
.input-label.has-error{color:var(--error-text)}
.asset-icon-wrapper{min-width:52px;height:52px;padding:0;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.asset-card.selected .asset-icon-wrapper{background:#fff}
.asset-flag{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}
.asset-icon-svg{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.asset-icon-svg :global(svg){width:100%;height:100%;max-width:48px;max-height:48px}
.asset-label{font-size:.9375rem;font-weight:600;color:#334155;text-align:center}
.asset-check{position:absolute;top:.6rem;left:.6rem;width:24px;height:24px;background:linear-gradient(135deg,#009345,#00a54e);border-radius:50%;display:none;align-items:center;justify-content:center}
.asset-check svg{width:14px;height:14px;stroke:#fff}
.asset-card.selected .asset-check{display:flex}
.verification-card{background:#fff;border-radius:16px;padding:1rem 1.125rem;touch-action:pan-y;box-shadow:0 4px 20px #0000000d}
.verification-question{text-align:center;margin-bottom:.75rem}
.choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;touch-action:pan-y;margin-bottom:.875rem}
.choice-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .875rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .25s ease;font-size:.875rem;font-weight:600;color:#475569}
.choice-btn:hover{border-color:#cbd5e1;background:#f1f5f9;transform:translateY(-1px)}
.choice-btn.selected{border-color:#00a54e;background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}
.choice-icon-wrap{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}
.choice-icon-wrap.yes{background:#dcfce7}
.choice-icon-wrap.no{background:#fee2e2}
.choice-icon-wrap svg{width:16px;height:16px}
.choice-icon-wrap.yes svg{stroke:#16a34a}
.choice-icon-wrap.no svg{stroke:#dc2626}
.choice-btn.selected .choice-icon-wrap.yes{background:#16a34a}
.choice-btn.selected .choice-icon-wrap.yes svg{stroke:#fff}
.input-stack{display:flex;flex-direction:column;gap:1rem;touch-action:pan-y}
.input-group{display:flex;flex-direction:column;gap:.5rem;touch-action:pan-y}
.input-label{font-size:.9375rem;font-weight:600;color:#334155}
.input-wrapper{position:relative}
.step-input{width:100%;padding:1rem 1.25rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}
.step-input:focus{outline:none;border-color:#00a54e;box-shadow:0 0 0 4px #00a54e1a}
.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:22px;height:22px}
.input-icon svg{width:100%;height:100%;stroke:#94a3b8;stroke-width:2}
.trust-badges{display:flex;justify-content:center;gap:1.1rem;margin-top:1.1rem}
.trust-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}
.trust-badge svg{width:18px;height:18px;stroke:#00a54e}
.privacy-consent-section{margin-top:1rem;padding-top:.875rem;border-top:1px solid rgba(226,232,240,.6)}
.privacy-notice{font-size:.6875rem;line-height:1.65;color:#64748b;text-align:right;margin:0 0 .75rem;padding:0;letter-spacing:-.01em}
@media(max-width:767px){
.privacy-consent-section{margin-top:.875rem;padding-top:.75rem}
.privacy-notice{font-size:.625rem;line-height:1.6}
}
@media(max-width:374px){
.privacy-notice{font-size:.5625rem}
}
.success-content{text-align:center;padding:.75rem 0}
.success-animation{display:flex;justify-content:center;margin-bottom:1.1rem}
.success-circle, .success-check{width:88px;height:88px}
.success-circle-path{stroke:#00a54e;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) forwards}
.success-check-path{stroke:#00a54e;stroke-width:3;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .6s forwards}
@keyframes strokeCircle{to{stroke-dashoffset:0}}
@keyframes strokeCheck{to{stroke-dashoffset:0}}
.success-title{color:#009345!important}
.success-info{display:flex;justify-content:center;gap:1.25rem;margin-top:1rem}
.processing-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;background:linear-gradient(180deg,#00934505,#00a54e0a);border-radius:1rem;margin:.5rem 0}
.processing-orbital{position:relative;width:80px;height:80px;margin-bottom:1.5rem}
.orbital-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}
.orbital-ring-1{border-top-color:#007a39;border-right-color:#007a39;animation:orbital-spin 1.8s linear infinite}
.orbital-ring-2{inset:8px;border-bottom-color:#009345;border-left-color:#009345;animation:orbital-spin 1.4s linear infinite reverse}
.orbital-ring-3{inset:16px;border-top-color:#22c55e;animation:orbital-spin 1s linear infinite}
.orbital-core{position:absolute;inset:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#007a39,#009345);border-radius:50%;box-shadow:0 0 20px #00934566,0 0 40px #00934533}
.orbital-core svg{width:20px;height:20px;color:#fff}
@keyframes orbital-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.processing-text-container{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.75rem}
.processing-label-digital{font-family:Courier New,Monaco,Consolas,monospace;font-size:1rem;font-weight:700;color:#007a39;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px rgba(0,147,69,.3)}
.processing-dots-container{display:flex;align-items:center;gap:4px;margin-right:4px}
.processing-dot{width:6px;height:6px;border-radius:50%;background:#007a39;opacity:0;animation:dot-sequence 1.5s ease-in-out infinite;animation-delay:var(--dot-delay, 0s)}
.processing-status-wrapper{min-height:2rem;display:flex;align-items:center;justify-content:center}
.processing-status-digital{font-family:Tajawal,system-ui,sans-serif;font-size:1.125rem;font-weight:700;color:#1e293b;background:linear-gradient(90deg,#007a39,#009345,#007a39);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer 3s ease-in-out infinite;transition:opacity .3s ease}
@keyframes text-shimmer{0%{background-position:200% center}to{background-position:-200% center}}
.processing-status-digital.fade{opacity:0}
.processing-progress-bar{width:100%;max-width:200px;height:4px;background:#0093451a;border-radius:2px;margin-top:1.25rem;overflow:hidden}
.processing-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#007a39,#009345,#22c55e);border-radius:2px;animation:progress-fill 4.5s ease-out forwards;box-shadow:0 0 10px #00934580}
@keyframes progress-fill{0%{width:0%}20%{width:25%}50%{width:55%}80%{width:85%}to{width:100%}}
.processing-spinner, .processing-text, .processing-label, .processing-status{display:none}
.broker-logo-large{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:.75rem;background:#fff;padding:8px;border:1px solid #e2e8f0}
.broker-logo-xl{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:.75rem;background:#fff;padding:10px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}
.broker-header-centered{justify-content:center;margin-bottom:1rem}
.broker-name-en{font-size:1.25rem;font-weight:800;color:#1e293b;font-family:Inter,system-ui,sans-serif}
.brokers-grid-aligned{align-items:stretch}
.brokers-grid-aligned .broker-card{display:flex;flex-direction:column}
.broker-cta-wrapper{display:block!important;visibility:visible!important;margin-top:auto;padding-top:.75rem;min-height:56px}
.regulation-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin:.75rem 0}
.reg-pill{display:inline-block;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;color:#166534;white-space:nowrap;font-family:Inter,system-ui,sans-serif}
.broker-advantages{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;margin-bottom:.75rem}
.advantage-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #facc15;border-radius:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;color:#854d0e}
.advantage-badge svg{width:12px;height:12px}
.broker-reveal{opacity:0;transform:translateY(20px);animation:brokerReveal .6s ease-out forwards}
.broker-reveal:nth-child(2){animation-delay:.15s}
@keyframes brokerReveal{to{opacity:1;transform:translateY(0)}}
.trust-seal{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fef9e7,#fdf6d8);border:1px solid #c9a227;border-radius:999px;padding:.5rem 1rem;margin:1rem auto;color:#8b6914;font-size:.875rem;font-weight:600}
.trust-seal-icon{width:18px;height:18px;stroke:#c9a227;flex-shrink:0}
.brokers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
@media(max-width:500px){
.brokers-grid{grid-template-columns:1fr;gap:.75rem}
}
.broker-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;text-align:center;transition:all .3s ease}
.broker-card:hover{border-color:#009345;box-shadow:0 8px 24px #0093451f;transform:translateY(-2px)}
.broker-card-evest{border:1px solid #e2e8f0;margin:1rem 0}
.broker-card-evest:hover{border-color:#009345;box-shadow:0 8px 24px #0093451f}
.broker-card-featured{border:1.5px solid #d4af37}
.broker-card-featured:hover{border-color:#c9a227;box-shadow:0 8px 24px #c9a22726}
.broker-card-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}
.broker-card-evest .broker-card-header{flex-direction:row;justify-content:center}
.broker-logo{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;background:#f8fafc;padding:4px}
.broker-info{display:flex;flex-direction:column;align-items:flex-start;text-align:right}
.broker-name{font-size:1rem;font-weight:700;color:#1e293b}
.broker-tagline{font-size:.8125rem;color:#64748b}
.broker-cta{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;padding:.875rem 1.25rem;border-radius:.75rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .3s ease;margin-top:.75rem;position:relative;z-index:5}
.broker-cta span{display:inline-block!important;visibility:visible!important}
.broker-cta svg{width:18px;height:18px;flex-shrink:0;display:inline-block!important}
.broker-cta-evest{background:linear-gradient(135deg,#009345,#00a54e);color:#fff;box-shadow:0 4px 12px #00934540}
.broker-cta-evest:hover{background:linear-gradient(135deg,#007a3a,#009345);box-shadow:0 6px 20px #00934559;transform:translateY(-2px)}
.broker-cta-avatrade{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;box-shadow:0 4px 12px #2563eb40}
.broker-cta-avatrade:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 6px 20px #2563eb59;transform:translateY(-2px)}
.broker-cta-xm{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 12px #ef444440}
.broker-cta-xm:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 6px 20px #ef444459;transform:translateY(-2px)}
.form-navigation{display:flex;justify-content:center;gap:.75rem;margin-top:1.125rem;padding-top:1rem;border-top:1px solid #e2e8f0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.nav-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1);letter-spacing:.025em;pointer-events:auto!important;-webkit-tap-highlight-color:rgba(0,147,69,.2);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}
.nav-btn *{pointer-events:auto!important}
.nav-btn:active{transition:none!important;transform:scale(.96)}
.nav-back{background:transparent;color:#64748b;border:1px solid #e2e8f0}
.nav-back:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}
.nav-next{background:#009345;color:#fff;min-width:120px}
.nav-next:hover{background:#007a39}
.nav-next:disabled{opacity:.5;cursor:not-allowed}
.nav-next.submit-btn{background:#009345}
.nav-next.submit-btn:hover{background:#007a39}
@media(max-width:640px){
.modal-container{width:95%;max-height:88vh;border-radius:14px}
.step-indicators{padding:.375rem .75rem;gap:.25rem}
.step-indicator span{display:none}
.step-line{width:18px;margin-bottom:0}
.asset-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0}
.asset-card{padding:14px 10px;min-height:88px;border-radius:12px;gap:8px;border-width:1.5px;box-shadow:0 2px 8px #0f172a0a}
.asset-card:active{transform:scale(.98);transition:transform 80ms ease-out}
.asset-icon-wrapper{width:36px;height:36px;min-width:36px}
.asset-flag{width:32px;height:32px}
.asset-label{font-size:.875rem;font-weight:600;line-height:1.25;color:#334155}
.asset-check{top:6px;left:6px;width:20px;height:20px}
.asset-check svg{width:12px;height:12px}
.choice-buttons{grid-template-columns:1fr 1fr;gap:.5rem}
.choice-btn{flex-direction:row;padding:.5rem .625rem;gap:.375rem;font-size:.8125rem;border-radius:10px}
.choice-icon-wrap{width:26px;height:26px}
.choice-icon-wrap svg{width:14px;height:14px}
.step-header{margin-bottom:16px;text-align:center}
.form-step{display:none}
.form-step.active{display:block}
.form-step[data-step="1"]{padding-top:8px}
.form-step[data-step="2"], .form-step[data-step="3"], .form-step[data-step="4"]{padding-top:16px}
.step-title{font-size:1.375rem;margin-bottom:4px;line-height:1.3}
.step-subtitle{font-size:1rem;line-height:1.4;color:#64748b}
.input-stack{gap:16px}
.input-group{gap:6px}
.verification-card{padding:16px;margin-top:0}
.form-step>*:last-child, .input-stack>*:last-child, .choice-buttons{margin-bottom:0!important}
.multi-step-form{padding:0 clamp(1rem,3vw,1.5rem) .75rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.modal-header{padding:.75rem .75rem .5rem}
.modal-logo-centered img{height:68px}
.form-navigation{padding-bottom:calc(20px + env(safe-area-inset-bottom,20px));margin-top:.625rem;padding-top:.625rem}
.nav-btn{padding:.625rem 1.5rem;font-size:.9375rem}
.success-info{flex-direction:column;gap:.5rem}
.indicator-dot{width:26px;height:26px;font-size:.6875rem}
.verification-card{padding:.75rem;border-radius:12px}
.verification-question{margin-bottom:.5rem}
.verification-icon{width:40px;height:32px;margin-bottom:.5rem;border-radius:10px}
.verification-icon svg{width:22px;height:22px}
.step-input{padding:.75rem 1rem .75rem 2.5rem;font-size:1rem}
.input-group{gap:.375rem}
.input-stack{gap:.75rem}
.broker-cta{display:flex!important;visibility:visible!important;opacity:1!important;position:relative;z-index:10;padding:.875rem 1rem;font-size:.9375rem;margin-top:.75rem;min-height:48px;touch-action:manipulation}
.broker-cta-wrapper{display:block!important;visibility:visible!important;margin-top:auto;padding-top:.75rem}
.broker-card{padding:1rem;margin:.5rem 0}
.success-content{padding:.5rem 0 1rem}
.success-gcc, .success-row{padding-bottom:1rem}
.brokers-grid{gap:1rem}
.processing-orbital{width:70px;height:70px}
.processing-label-digital{font-size:.875rem}
.processing-status-digital{font-size:1rem}
.input-label{font-size:.9375rem}
}
@media(max-width:380px){
.modal-container{width:97%;max-height:90vh}
.choice-btn{padding:.4375rem .5rem;font-size:.75rem}
.choice-icon-wrap{width:24px;height:24px}
.choice-icon-wrap svg{width:12px;height:12px}
.step-title{font-size:.9375rem}
.step-subtitle{font-size:.75rem}
.verification-card{padding:.625rem}
}