:root{--font-en:"Oswald", sans-serif;--font-ar:"Cairo", sans-serif;--accent-rgb:59, 130, 246;--accent-2-rgb:96, 165, 250;--accent:#3b82f6;--accent-2:#60a5fa;--accent-3:#93c5fd;--accent-deep:#1d4ed8;--accent-600:#2563eb;--bg-base:#060810;--bg-1:#0a0e1c;--bg-2:#0d1428;--bg-3:#131d3a;--glass:#10183080;--glass-2:#162242ad;--glass-solid:#090d1ae6;--primary-blue:#2563eb;--bright-blue:#3b82f6;--neon-blue:#60a5fa;--dark-blue:#172554;--blue-800:#172554;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--sky-400:#60a5fa;--sky-300:#93c5fd;--cyan:#60a5fa;--indigo:#3b82f6;--bg-primary:#060810;--bg-secondary:#0a0e1c;--bg-card:#10183080;--bg-card-hover:#162242ad;--text-primary:#eaf0ff;--text-secondary:#94a3c4;--text-muted:#5a6785;--text-1:#eaf0ff;--text-2:#94a3c4;--text-3:#5a6785;--line:#ffffff12;--line-2:rgba(var(--accent-rgb), .3);--border-color:#ffffff12;--border-hover:rgba(var(--accent-rgb), .55);--success:#22c55e;--warn:#f5a524;--danger:#ef4444;--live:#ef4444;--glow:0 0 40px rgba(var(--accent-rgb), .28);--glow-strong:0 0 60px rgba(var(--accent-rgb), .45);--neon-glow:0 0 30px rgba(var(--accent-rgb), .35);--neon-glow-strong:0 0 50px rgba(var(--accent-rgb), .5);--shadow-1:0 12px 34px #00000080;--shadow-2:0 26px 70px #000000a8;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--ease:cubic-bezier(.22, 1, .36, 1);--transition-smooth:all .3s cubic-bezier(.22, 1, .36, 1);--nav-h:84px;--maxw:1240px;--cut:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-1);font-family:var(--font-ar), sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:conic-gradient(from 208deg at 86% -8%, transparent 0deg, rgba(var(--accent-rgb), .09) 26deg, transparent 58deg), radial-gradient(1000px 560px at 84% -10%, rgba(var(--accent-rgb), .22), transparent 62%), radial-gradient(820px 500px at 2% 2%, rgba(var(--accent-rgb), .15), transparent 58%), radial-gradient(680px 420px at 102% 52%, rgba(var(--accent-rgb), .07), transparent 62%), radial-gradient(1200px 860px at 50% 118%, rgba(var(--accent-rgb), .14), transparent 62%), linear-gradient(180deg, #060810 0%, #05070f 55%, #04060c 100%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 0,#0000 55%,#0009 100%);position:fixed;inset:0}#root{z-index:1;position:relative}::selection{background:rgba(var(--accent-rgb), .35);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-deep));border:2px solid var(--bg-base);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}a{color:inherit;text-decoration:none}button,input,textarea,select{outline:none;font-family:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:2px solid rgba(var(--accent-rgb), .85);outline-offset:3px;border-radius:4px}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.page-container{max-width:var(--maxw);margin:calc(var(--nav-h) + 40px) auto 60px;min-height:calc(100vh - 320px);padding:0 24px}.section{padding:60px 0}.grid-container{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.kicker{letter-spacing:.08em;color:var(--accent);text-transform:uppercase;align-items:center;gap:10px;font-size:.78rem;font-weight:800;display:inline-flex}.kicker:before{content:"";background:var(--accent);width:30px;height:2px;box-shadow:0 0 8px var(--accent)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);border-radius:4px;align-items:center;gap:8px;padding:6px 14px;font-size:.76rem;font-weight:800;display:inline-flex}.display{letter-spacing:-.01em;font-weight:900;line-height:1.02}.gradient-text{background:linear-gradient(180deg, #fff 0%, #d7e6ff 38%, var(--accent) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.glow-text{text-shadow:0 0 26px rgba(var(--accent-rgb), .4)}.glow-text-neon{color:var(--accent);text-shadow:0 0 22px rgba(var(--accent-rgb), .6)}.section-title{letter-spacing:-.01em;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:900}.section-sub{color:var(--text-2);max-width:640px;margin-top:12px;font-size:1rem;line-height:1.8}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.watermark{font-family:var(--font-en);letter-spacing:.02em;color:#0000;-webkit-text-stroke:1px #ffffff0d;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-weight:700;line-height:.9;position:absolute}.watermark-fill{font-family:var(--font-en);color:#ffffff09;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-weight:700;line-height:.9;position:absolute}.glass-panel{background:linear-gradient(180deg, #ffffff06, transparent 42%), var(--glass);-webkit-backdrop-filter:blur(14px)saturate(130%);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1), inset 0 1px 0 #ffffff0f;transition:var(--transition-smooth);position:relative}.glass-panel:hover{border-color:var(--line-2);box-shadow:var(--shadow-2), var(--glow), inset 0 1px 0 #ffffff14;background:linear-gradient(180deg, #ffffff08, transparent 42%), var(--glass-2);transform:translateY(-4px)}.card-accent{overflow:hidden}.card-accent:after{content:"";background:linear-gradient(180deg, var(--accent-2), var(--accent-deep));transform-origin:top;width:3px;transition:transform .3s var(--ease);position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(0)}.card-accent:hover:after{transform:scaleY(1)}.btn-primary,.btn-secondary,.btn-ghost{cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border-radius:var(--r-sm);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:9px;padding:13px 26px;font-size:.95rem;font-weight:800;display:inline-flex;position:relative}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 55%, var(--accent-deep) 100%);clip-path:var(--cut);box-shadow:0 10px 26px rgba(var(--accent-rgb), .4), inset 0 1px 0 #ffffff47, inset 0 -14px 26px #0003;text-shadow:0 1px 2px #00000040;border:none}.btn-primary:before{content:"";transition:transform .65s var(--ease);pointer-events:none;background:linear-gradient(110deg,#0000 32%,#ffffff57 50%,#0000 66%);position:absolute;inset:0;transform:translate(-140%)skew(-10deg)}.btn-primary:hover:before{transform:translate(140%)skew(-10deg)}.btn-primary:hover{filter:brightness(1.08)saturate(1.08);box-shadow:0 16px 40px rgba(var(--accent-rgb), .55), inset 0 1px 0 #ffffff52;transform:translateY(-3px)}.btn-primary:active{filter:brightness(.98);transform:translateY(-1px)scale(.99)}.btn-secondary{color:var(--text-1);border:1px solid var(--line);clip-path:var(--cut);-webkit-backdrop-filter:blur(8px);background:linear-gradient(#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0d}.btn-secondary:hover{background:linear-gradient(180deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-rgb), .08));border-color:var(--border-hover);color:#fff;box-shadow:0 12px 30px rgba(var(--accent-rgb), .22), inset 0 1px 0 #ffffff14;transform:translateY(-3px)}.btn-secondary:active{transform:translateY(-1px)scale(.99)}.btn-ghost{color:var(--text-2);background:0 0;border:1px solid #0000;padding:10px 16px}.btn-ghost:hover{color:#fff;border-color:var(--line);background:#ffffff0d}:is(.btn-primary,.btn-secondary,.btn-ghost):disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.35);box-shadow:none;transform:none!important}:is(.btn-primary,.btn-secondary,.btn-ghost):disabled:before{display:none}:is(.btn-primary,.btn-secondary,.btn-ghost):focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.btn-lg{padding:16px 36px;font-size:1.05rem}.btn-block{width:100%}.form-group{flex-direction:column;gap:9px;margin-bottom:18px;display:flex}.form-label{color:var(--text-2);align-items:center;gap:7px;font-size:.86rem;font-weight:700;display:flex}.form-input,.form-select,.form-textarea{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-1);transition:var(--transition-smooth);background:#00000073;width:100%;padding:13px 15px;font-size:.98rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}.form-input:hover:not(:focus),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:#ffffff29}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .16), 0 8px 24px #0000004d;background:#0009}.form-textarea{resize:vertical;min-height:88px}.form-select option{color:var(--text-1);background:#0a0e1c}.nav-link{color:var(--text-2);transition:var(--transition-smooth);border-radius:var(--r-sm);align-items:center;gap:8px;padding:9px 16px;font-size:.94rem;font-weight:700;display:flex;position:relative}.nav-link:after{content:"";inset-inline:16px;background:linear-gradient(90deg, var(--accent-2), var(--accent));height:2px;box-shadow:0 0 8px rgba(var(--accent-rgb), .6);transform-origin:50%;transition:transform .3s var(--ease);border-radius:2px;position:absolute;bottom:3px;transform:scaleX(0)}.nav-link:hover{color:#fff}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-deep));box-shadow:0 8px 20px rgba(var(--accent-rgb), .4), inset 0 1px 0 #ffffff38}.nav-link.active:after{display:none}.badge{border-radius:4px;align-items:center;gap:6px;padding:5px 11px;font-size:.74rem;font-weight:800;display:inline-flex}.badge-online{color:#4ade80;background:#22c55e24;border:1px solid #22c55e66}.badge-offline{color:#fb7185;background:#ef444424;border:1px solid #ef444466}.badge-premium{background:rgba(var(--accent-rgb), .16);color:var(--accent-2);border:1px solid rgba(var(--accent-rgb), .42)}.badge-featured{color:#fff;background:var(--accent);border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-live{color:#fff;background:var(--live);border-radius:4px;align-items:center;gap:6px;padding:5px 11px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-instant{color:#052e16;background:#22c55e;border-radius:4px;align-items:center;gap:5px;padding:5px 11px;font-size:.72rem;font-weight:800;display:inline-flex}.chip{border-radius:var(--r-sm);border:1px solid var(--line);color:var(--text-2);background:#ffffff09;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-live{background:var(--success);animation:1.8s infinite ping}.dot-off{background:var(--danger)}@keyframes pulseGlow{0%,to{opacity:.55;box-shadow:0 0 24px rgba(var(--accent-rgb), .3)}50%{opacity:.9;box-shadow:0 0 46px rgba(var(--accent-rgb), .6)}}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:5s ease-in-out infinite float}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes ping{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(4%,-3%)scale(1.08)}to{transform:translate(0)scale(1)}}@keyframes revealUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:revealUp .8s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.5s forwards fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1}}.aura{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;animation:16s ease-in-out infinite drift;position:absolute}.grid-bg{background-image:linear-gradient(rgba(var(--accent-rgb), .06) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .06) 1px, transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 45%,#000 0%,#0000 72%)}.hairline{background:linear-gradient(90deg, transparent, var(--line-2), transparent);border:0;height:1px}.acc-item{border:1px solid var(--line);border-radius:var(--r-lg);transition:var(--transition-smooth);background:#0d142880;position:relative;overflow:hidden}.acc-item.open{border-color:var(--line-2);box-shadow:var(--glow)}.acc-item.open:before{content:"";background:linear-gradient(180deg, var(--accent-2), var(--accent-deep));width:3px;position:absolute;inset-block:0;inset-inline-start:0}.acc-head{cursor:pointer;text-align:start;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:16px;padding:22px 26px;display:flex}.acc-num{font-family:var(--font-en);color:#ffffff0f;text-align:center;min-width:54px;font-size:2.4rem;font-weight:700;line-height:1}.acc-item.open .acc-num{color:rgba(var(--accent-rgb), .45)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.center{justify-content:center;align-items:center}