/* Shared visual system. Loaded after page styles to keep both themes consistent. */
:root {
 --bg-dark:#101722; --panel-bg:#192330; --surface:#192330; --surface-soft:#202d3c;
 --ink:#f3f1eb; --text-muted:#b6c0cd; --text-white-50:#b6c0cd; --border-color:#344251;
 --neon-purple:#e5bb74; --neon-purple-rgb:229,187,116; --neon-cyan:#89cfcb; --neon-cyan-rgb:137,207,203;
 --neon-pink:#e5bb74; --gold-bright:#e5bb74; --p-gradient:linear-gradient(120deg,#e5bb74,#cf9e52);
 --bs-body-color:var(--ink); --bs-body-bg:var(--bg-dark); --bs-secondary-color:var(--text-muted);
 color-scheme:dark;
}
html[data-theme="light"] {
 --bg-dark:#f5f3ee; --panel-bg:#fff; --surface:#fff; --surface-soft:#ece9e2;
 --ink:#202d3b; --text-muted:#536171; --text-white-50:#536171; --border-color:#d5d8dc;
 --neon-purple:#855516; --neon-purple-rgb:133,85,22; --neon-cyan:#176863; --neon-cyan-rgb:23,104,99;
 --neon-pink:#855516; --gold-bright:#855516; color-scheme:light;
}
html body,html[data-theme="light"] body {background:var(--bg-dark);color:var(--ink);font-family:'Cairo',system-ui,sans-serif;line-height:1.7;background-image:none}
body::before,.cyber-panel::before,.cyber-footer::before,.cyber-glitch-title::before,.cyber-glitch-title::after,
#mouse-aura,#loader-wrapper,.hero-vfx-particles,.overlay-grid,.dragon-glow-purple,.dragon-glow-cyan {display:none!important;content:none!important}
html *,html *::before,html *::after {cursor:auto!important}
html a,html button,html [role="button"],html .cursor-pointer {cursor:pointer!important}
html input,html textarea {cursor:text!important}
.glitch-text,.cyber-glitch-title,.floating,.hero-protocol,.animate__infinite,.title-underline {animation:none!important;filter:none!important;text-shadow:none!important}
[class*="text-neon"],.nav-link,.font-cinzel {text-shadow:none!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.font-cinzel {font-family:'Cairo',system-ui,sans-serif!important;letter-spacing:-.025em;text-transform:none;line-height:1.35}
.tracking-widest {letter-spacing:.06em!important}
html .text-white,html[data-theme="light"] .text-white {color:var(--ink)!important}
.text-muted,.text-white-50 {color:var(--text-muted)!important}
html .cyber-nav,html .cyber-nav.scrolled,html[data-theme="light"] .cyber-nav {background:var(--surface);border-bottom:1px solid var(--border-color);box-shadow:0 4px 24px #0000000d;padding:.8rem 0;backdrop-filter:none}
html .nav-link,html[data-theme="light"] .nav-link {color:var(--ink)!important;font-size:.85rem;letter-spacing:0;font-weight:600}
html .nav-link:hover,html .nav-link.active {color:var(--neon-purple)!important}
.navbar-brand img {height:48px;object-fit:contain;animation:none!important}
.navbar-brand .h3 {font-size:1.25rem}
html .cyber-panel,html[data-theme="light"] .cyber-panel,.glass-panel,.stats-card,.cyber-panel-sm {background:var(--surface)!important;border:1px solid var(--border-color)!important;border-radius:16px;clip-path:none!important;backdrop-filter:none;box-shadow:0 8px 28px #00000008;color:var(--ink)}
.cyber-panel {padding:1.75rem}
.cyber-panel:hover,.stats-card:hover {border-color:var(--neon-purple)!important;box-shadow:0 12px 30px #0000000c;transform:none}
html .btn-cyber,html .btn-cyber-v2,html .btn-neon {display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.75rem 1.4rem;background:var(--p-gradient);color:#20262e!important;border:1px solid #cf9e52;border-radius:9px;clip-path:none!important;font:700 .9rem 'Cairo',sans-serif;letter-spacing:0;text-decoration:none;text-transform:none;box-shadow:none!important;transition:filter .2s,background .2s}
html .btn-cyber-purple {background:var(--surface)!important;color:var(--ink)!important;border-color:var(--border-color)}
html .btn-cyber:hover,html .btn-cyber-v2:hover,html .btn-neon:hover {filter:brightness(.95);transform:none}
.btn-cyber-v2::before,.btn-cyber-v2::after,.btn-neon::before,.btn-neon::after {display:none!important}
html input.form-control,html textarea.form-control,html .form-select,html .form-control:focus {color:var(--ink)!important;background-color:var(--surface)!important;border-color:var(--border-color);border-radius:8px;min-height:44px}
html input::placeholder,html textarea::placeholder {color:var(--text-muted)!important;opacity:1;letter-spacing:0}
html select option {background:var(--surface);color:var(--ink)}
html .input-group-text {color:var(--text-muted);background:var(--surface-soft);border-color:var(--border-color)}
html .form-control:focus,html .form-select:focus {box-shadow:0 0 0 3px rgba(var(--neon-cyan-rgb),.2);border-color:var(--neon-cyan)}
:focus-visible {outline:3px solid var(--neon-cyan)!important;outline-offset:4px}
html .cyber-dropdown,html .dropdown-menu {background:var(--surface)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 15px 40px #00000020}
html .cyber-dropdown .dropdown-item,html .dropdown-item {color:var(--ink)!important;letter-spacing:0;font-family:inherit}
html .dropdown-item:hover,html .cyber-dropdown .dropdown-item:hover {background:var(--surface-soft)!important;color:var(--neon-purple)!important}
html .table {--bs-table-bg:var(--surface);--bs-table-color:var(--ink);--bs-table-striped-bg:var(--surface-soft);--bs-table-striped-color:var(--ink);--bs-table-hover-color:var(--ink);--bs-table-hover-bg:var(--surface-soft);--bs-table-border-color:var(--border-color);color:var(--ink)}
html .modal-content,html .card,html .list-group-item {background:var(--surface);color:var(--ink);border-color:var(--border-color)}
html .page-link {background:var(--surface);color:var(--ink);border-color:var(--border-color)}
html[data-theme="light"] .bg-dark,html[data-theme="light"] .bg-black {background-color:var(--surface-soft)!important;color:var(--ink)}
html[data-theme="light"] .text-info {color:#176863!important}
html[data-theme="light"] .text-warning,html[data-theme="light"] .text-success {color:#416621!important}
html .cyber-footer,html[data-theme="light"] .cyber-footer {background:var(--surface);border-top:1px solid var(--border-color);margin-top:64px;padding:3.5rem 0}
.hero-protocol {min-height:640px!important;border-bottom:1px solid var(--border-color);background:var(--bg-dark)}
.hero-protocol .min-vh-100 {min-height:640px!important}
.hero-bg-video {opacity:.28;filter:saturate(.55);width:100%;height:100%}
.hero-overlay {background:linear-gradient(90deg,#101722 0%,#101722e8 40%,#10172230 100%)!important}
html[data-theme="light"] .hero-overlay {background:linear-gradient(90deg,#f5f3ee 0%,#f5f3eef0 40%,#f5f3ee70 100%)!important}
.cyber-glitch-title {font-size:clamp(2.7rem,6vw,6rem)!important;line-height:1.12!important;color:var(--ink)!important;overflow-wrap:anywhere}
.title-underline {width:76px!important;height:4px;border-radius:4px;margin-top:24px;box-shadow:none!important}
.hero-visual-wrapper {height:560px!important}
.hero-protocol .stats-row {padding-top:0!important;margin-top:2rem!important}
.stats-card {padding:1rem .6rem;text-align:start;border-top:3px solid var(--neon-purple)!important}
.stats-card .h2 {font-family:system-ui,sans-serif!important;font-size:1.8rem;font-variant-numeric:tabular-nums}
.stats-card .small {font-size:.72rem!important;letter-spacing:0!important}
.border-cyan-glow,.border-purple-glow,.border-pink-glow,.shadow-neon-sm,.shadow-cyan,.shadow-purple {box-shadow:none!important}
html[lang="ar"] .tracking-widest {letter-spacing:0!important}
@media(max-width:991px){html .navbar-collapse {background:var(--surface);border:1px solid var(--border-color);border-radius:12px}.navbar-nav {align-items:stretch!important}.hero-protocol .p-5 {padding:2rem 1.3rem!important}.hero-protocol,.hero-protocol .min-vh-100 {min-height:580px!important}.cyber-panel {padding:1.25rem}.hero-protocol .gap-4 {gap:1rem!important}}
@media(max-width:480px){.hero-protocol .btn-cyber-v2 {width:100%;padding:.85rem 1rem!important}.navbar-brand .h3 {font-size:1rem}.stats-row {--bs-gutter-x:.6rem}.stats-card .h2{font-size:1.35rem}.stats-card .small{font-size:.65rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-bg-video{display:none}}/* Integrations and status surfaces share the same theme tokens. */
:root {--glass-bg:var(--surface);--glass-border:var(--border-color)}
html .select2-dropdown,html .select2-selection,html .select2-results__option {background:var(--surface)!important;color:var(--ink)!important;border-color:var(--border-color)!important}
html .select2-results__option--highlighted {background:var(--surface-soft)!important;color:var(--ink)!important}
html .package-card {background:var(--surface);border:1px solid var(--border-color);border-radius:16px}
html .package-card:hover {transform:none;box-shadow:0 8px 28px #0000000c}
html[data-theme="light"] .badge.bg-neon-cyan,html[data-theme="light"] .badge.bg-neon-purple {color:#fff!important}
html[data-theme="light"] .bg-neon-cyan .text-black {color:#fff!important}
html[data-theme="light"] .alert {color:var(--ink)}
html .btn-cyber-danger {background:#9c3030!important;color:#fff!important;border-color:#9c3030!important}
html .text-white-50.opacity-50 {opacity:1!important}

/* Aurora arena: expressive surfaces and deliberate motion, without scanlines. */
:root {
 --bg-dark:#0b1023;--surface:#141c36;--panel-bg:#141c36;--surface-soft:#202b49;--ink:#f4f6ff;
 --text-muted:#b7c3df;--text-white-50:#b7c3df;--border-color:#354466;
 --neon-purple:#b8a0ff;--neon-purple-rgb:184,160,255;--neon-cyan:#6ee7d8;--neon-cyan-rgb:110,231,216;
 --neon-pink:#ff9aca;--gold-bright:#f9d58a;--p-gradient:linear-gradient(115deg,#b8a0ff,#82dfe8);
}
html[data-theme="light"] {
 --bg-dark:#f0f3fc;--surface:#fff;--panel-bg:#fff;--surface-soft:#e9edf9;--ink:#192547;
 --text-muted:#53617e;--text-white-50:#53617e;--border-color:#ccd4ed;
 --neon-purple:#6940b3;--neon-purple-rgb:105,64,179;--neon-cyan:#096d65;--neon-cyan-rgb:9,109,101;
 --neon-pink:#a72d67;--gold-bright:#85570a;
}
html body,html[data-theme="light"] body {
 background-image:radial-gradient(ellipse at 5% 10%,rgba(var(--neon-purple-rgb),.13),transparent 38%),radial-gradient(ellipse at 95% 60%,rgba(var(--neon-cyan-rgb),.08),transparent 42%);
 background-attachment:fixed;
}
html .cyber-nav,html .cyber-nav.scrolled,html[data-theme="light"] .cyber-nav {border-bottom:1px solid rgba(var(--neon-purple-rgb),.32);box-shadow:0 6px 35px #080c201a}
.navbar-brand .font-cinzel {letter-spacing:-.04em}
html .nav-link {position:relative;transition:color .2s}
.nav-link::after {transition:width .25s}
html .nav-link.active {background:rgba(var(--neon-purple-rgb),.12);border-radius:9px}
html .cyber-panel,html[data-theme="light"] .cyber-panel,html .package-card {
 border-radius:24px 8px 24px 8px;border-color:var(--border-color)!important;
 background:linear-gradient(145deg,rgba(var(--neon-purple-rgb),.055),transparent 60%),var(--surface)!important;
 box-shadow:0 14px 40px #070c2012;transition:transform .28s,border-color .28s,box-shadow .28s;
}
.cyber-panel::after {content:'';position:absolute;top:0;inset-inline-start:24px;width:58px;height:3px;border-radius:0 0 5px 5px;background:var(--p-gradient);pointer-events:none}
html .group-hover-glow:hover,html .package-card:hover {transform:translateY(-6px);border-color:var(--neon-purple)!important;box-shadow:0 18px 44px rgba(var(--neon-purple-rgb),.15)}
html .module-icon {display:grid;place-items:center;min-width:62px;height:62px;border:1px solid rgba(var(--neon-purple-rgb),.25);border-radius:18px 6px 18px 6px;background:rgba(var(--neon-purple-rgb),.09);font-size:1.65rem!important;transition:transform .3s}
.group-hover-glow:hover .module-icon {transform:rotate(-7deg) scale(1.08)}
html .btn-cyber,html .btn-cyber-v2,html .btn-neon {border-color:transparent;border-radius:12px 4px 12px 4px;color:#18233e!important;position:relative;overflow:hidden;box-shadow:0 6px 22px rgba(var(--neon-purple-rgb),.18)!important;transition:transform .2s,box-shadow .2s,filter .2s}
html .btn-cyber:hover,html .btn-cyber-v2:hover,html .btn-neon:hover {transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 12px 30px rgba(var(--neon-purple-rgb),.25)!important}
html .btn-cyber-purple {background:var(--surface)!important;border-color:var(--neon-purple)!important;color:var(--ink)!important}
html .btn-cyber-v2::after {display:block!important;content:'';position:absolute;inset:-50% auto -50% -65%;width:35%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:skewX(-25deg);transition:left .55s;pointer-events:none}
html .btn-cyber-v2:hover::after {left:135%}
.hero-protocol {isolation:isolate;border-bottom:1px solid rgba(var(--neon-purple-rgb),.3)}
.hero-overlay {background:linear-gradient(90deg,#0b1023fa 0%,#0b1023d9 48%,#0b102385 100%)!important}
html[data-theme="light"] .hero-overlay {background:linear-gradient(90deg,#f0f3fcfa 0%,#f0f3fce6 48%,#f0f3fca6 100%)!important}
.hero-bg-video {opacity:.55;filter:saturate(.8)}
.cyber-glitch-title {font-weight:900!important;letter-spacing:-.055em;max-width:850px}
.hero-title-wrapper::before {content:'ENTER THE ARENA';display:block;font:700 .72rem system-ui,sans-serif;letter-spacing:.32em;color:var(--neon-cyan);margin-bottom:20px}
.title-underline {width:110px!important;background:var(--p-gradient);height:5px}
html .hero-visual-wrapper {display:grid;place-items:center;position:relative;height:540px!important}
.arena-emblem {position:relative;width:min(85%,390px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.arena-emblem::before,.arena-emblem::after {content:'';position:absolute;border-radius:50%;inset:0;border:1px solid rgba(var(--neon-purple-rgb),.35);background:radial-gradient(circle,rgba(var(--neon-purple-rgb),.16),transparent 68%);animation:arena-orbit 32s linear infinite}
.arena-emblem::before {border-top:3px solid var(--neon-purple);border-bottom:3px solid var(--neon-cyan);transform:rotate(-25deg)}
.arena-emblem::after {inset:24px;border:1px dashed rgba(var(--neon-cyan-rgb),.4);animation-direction:reverse;animation-duration:45s}
.arena-emblem img {width:70%;max-height:290px;object-fit:contain;z-index:1;filter:drop-shadow(0 20px 28px #080c2050);animation:arena-float 6s ease-in-out infinite}
.arena-spark {position:absolute;width:12px;height:12px;border-radius:3px;background:var(--neon-cyan);top:12%;right:13%;transform:rotate(45deg);box-shadow:0 0 24px rgba(var(--neon-cyan-rgb),.5)}
.arena-caption {position:absolute;bottom:4%;z-index:2;background:var(--surface);color:var(--ink);border:1px solid var(--border-color);padding:10px 22px;border-radius:30px;font:700 .7rem system-ui,sans-serif;letter-spacing:.18em}
@keyframes arena-orbit {to {transform:rotate(360deg)}}
@keyframes arena-float {0%,100% {transform:translateY(0)}50% {transform:translateY(-13px)}}
html .stats-card {border-radius:14px;background:var(--surface)!important;border-top-width:2px!important;transition:transform .25s,box-shadow .25s}
html .stats-card:hover {transform:translateY(-4px);box-shadow:0 10px 26px rgba(var(--neon-cyan-rgb),.12)}
.stats-row>div:nth-child(2) .stats-card {border-top-color:var(--neon-cyan)!important}
.stats-row>div:nth-child(3) .stats-card {border-top-color:var(--neon-pink)!important}
.section-header h2 {display:inline-block;position:relative;padding-inline-start:18px}
.section-header h2::before {content:'';position:absolute;inset-inline-start:0;top:18%;height:65%;width:4px;border-radius:4px;background:var(--p-gradient)}
.news-img-wrap {overflow:hidden;border-radius:16px 6px 16px 6px}
.event-entry {border-radius:12px;margin:4px;transition:background .2s,transform .2s}
.event-entry:hover {background:rgba(var(--neon-purple-rgb),.075);transform:translateX(3px)}
html .cyber-footer,html[data-theme="light"] .cyber-footer {background:linear-gradient(135deg,rgba(var(--neon-purple-rgb),.07),transparent 60%),var(--surface);border-top:2px solid rgba(var(--neon-purple-rgb),.3)}
html .btn-cyber-danger {color:#fff!important}
@media(max-width:991px){.hero-title-wrapper::before{font-size:.65rem;letter-spacing:.22em}.hero-protocol .p-5{padding-top:3rem!important;padding-bottom:3rem!important}}
@media(prefers-reduced-motion:reduce){.arena-emblem::before,.arena-emblem::after,.arena-emblem img {animation:none!important}html .btn-cyber:hover,html .btn-cyber-v2:hover,html .btn-neon:hover,html .group-hover-glow:hover,html .package-card:hover,html .stats-card:hover,.group-hover-glow:hover .module-icon,.event-entry:hover {transform:none!important}}

/* Keep the navigation in document flow: its real height reserves its space. */
html .cyber-nav,html .cyber-nav.scrolled,html[data-theme="light"] .cyber-nav {
 position:sticky!important;top:0;left:auto;width:100%;padding:.6rem 0;
 transition:background-color .2s,box-shadow .2s;
}
:root {--font-body:'Inter','Tajawal',sans-serif;--font-heading:'Chakra Petch','Tajawal',sans-serif}
html[lang="ar"] {--font-body:'Tajawal','Inter',sans-serif;--font-heading:'Tajawal','Chakra Petch',sans-serif}
html body,html[data-theme="light"] body {font-family:var(--font-body);line-height:1.7}
html h1,html h2,html h3,html h4,html h5,html h6,
html .h1,html .h2,html .h3,html .h4,html .h5,html .h6,html .font-cinzel {
 font-family:var(--font-heading)!important;letter-spacing:-.015em;
}
html .btn-cyber,html .btn-cyber-v2,html .btn-neon,html .cyber-dropdown .dropdown-item,
html input,html select,html textarea,html button {font-family:var(--font-body)!important}
html[lang="ar"] .cyber-glitch-title,html[lang="ar"] .navbar-brand .font-cinzel {letter-spacing:0}
html .navbar-brand img {height:42px}
html {scroll-padding-top:100px}
@media(max-width:991px){
 html .cyber-nav .navbar-collapse {max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 html .cyber-nav .nav-link {padding:.7rem!important}
}