@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--font-arabic:"Cairo", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-latin:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--bg:#3a41ca;--p:#c8f920;--p2:#9bd600;--i:#464ed2;--k:#fff;--c:#c8f920;--navy:#1e1b43;--navy2:#252b79;--t:#fff;--m:#d3d6ef;--line:#d3d6ef47;--line-strong:#c8f92080;--bg-card:linear-gradient(160deg, #252b79eb, #1e1b43f7);--bg-card-elevated:#1e1b43d9;--bg-input:#0a0c32a6;--success:#c8f920;--success-bg:#c8f92024;--success-border:#c8f92099;--danger:#ff6b6b;--danger-bg:#ff6b6b29;--danger-border:#ff6b6b99;--info:#38bdf8;--info-bg:#38bdf826;--info-border:#38bdf880;--warning:#f59e0b;--warning-bg:#f59e0b26;--warning-border:#f59e0b80;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:28px;--radius-full:9999px;--shadow-neon:0 0 50px #c8f92059;--shadow-card:0 30px 90px #0a0a3299, 0 0 80px #c8f9201a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-arabic);background:var(--bg);color:var(--t);-webkit-font-smoothing:antialiased;direction:rtl;min-height:100dvh;line-height:1.7;overflow-x:hidden}[dir=ltr]{font-family:var(--font-latin);direction:ltr}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--t);font-family:inherit}.bg-scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-scene:before{content:"";background:radial-gradient(60% 50% at 85% 0,#6e78ff8c,#0000 70%),radial-gradient(55% 45% at 0 100%,#1e1b43a6,#0000 70%),radial-gradient(40% 30% at 45% 55%,#c8f92014,#0000 70%);position:absolute;inset:0}.floor{background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:56px 56px;height:55%;animation:7s linear infinite floor;position:absolute;bottom:-8%;left:-60%;right:-60%;transform:perspective(520px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 15%,#000);mask-image:linear-gradient(#0000 15%,#000)}@keyframes floor{to{background-position:0 56px}}.spark{width:var(--s);height:var(--s);background:var(--c);box-shadow:0 0 12px var(--c), 0 0 24px #c8f92099;opacity:0;bottom:-12px;left:var(--x);animation:rise var(--d) linear infinite;animation-delay:var(--l);border-radius:50%;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-105vh)translate(30px)}}.wrap{z-index:1;align-content:center;gap:clamp(24px,5vw,40px);max-width:1160px;min-height:100dvh;margin:0 auto;padding:clamp(20px,5vw,56px) clamp(16px,4vw,32px);display:grid;position:relative}@media (width>=960px){.wrap{grid-template-columns:minmax(0,1fr) 480px;align-items:center;gap:72px}}.hero{text-align:center}@media (width>=960px){.hero{text-align:right}[dir=ltr] .hero{text-align:left}}.logo-badge{aspect-ratio:1;background:linear-gradient(145deg,#1e1b43e6,#252b79b3);border:1.5px solid #c8f920b3;border-radius:26px;place-items:center;width:clamp(64px,12vw,92px);margin-bottom:clamp(14px,3vw,24px);animation:4s ease-in-out infinite bob;display:inline-grid;box-shadow:0 0 50px #c8f92059,inset 0 0 24px #c8f9201f}.logo-badge svg{width:52%;height:52%;color:var(--p);filter:drop-shadow(0 0 10px #c8f920b3)}@keyframes bob{50%{transform:translateY(-8px)}}h1.hero-title{letter-spacing:-.01em;background:linear-gradient(100deg,#e6ff8a 0%,#c8f920 55%,#a6e600 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px #1e1b438c);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.1rem,7.2vw,4.2rem);font-weight:900;line-height:1.2}.lead{color:var(--m);margin-top:16px;max-width:34em;margin-inline:auto;font-size:clamp(1rem,2.6vw,1.2rem)}@media (width>=960px){.lead{margin-inline:0}}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}@media (width>=960px){.chips{justify-content:flex-start}}.chip{border-radius:var(--radius-full);color:#fff;border:1px solid var(--line);background:#1e1b4380;padding:7px 16px;font-size:.88rem;font-weight:700}.steps{gap:14px;margin-top:40px;list-style:none;display:none}@media (width>=960px){.steps{display:grid}}.steps li{border-radius:var(--radius-lg);border:1px solid var(--line);background:#1e1b438c;align-items:center;gap:14px;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex}.steps b{width:38px;height:38px;color:var(--navy);background:linear-gradient(135deg, var(--p), var(--p2));border-radius:12px;flex:none;place-items:center;font-weight:900;display:grid;box-shadow:0 0 18px #c8f92073}.card-neon{border-radius:var(--radius-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-card);padding:clamp(20px,5vw,38px);position:relative}.card-neon:before{content:"";border-radius:inherit;background:conic-gradient(from var(--a), transparent 0 55%, var(--p2), var(--p), #fff, transparent);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:6s linear infinite spin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes spin{to{--a:360deg}}.card-neon h2{margin-bottom:20px;font-size:1.35rem;font-weight:900}.plats{flex-wrap:wrap;gap:10px;display:flex}.plat{flex:calc(50% - 10px);min-width:120px;position:relative}.plat input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.plat span{text-align:center;min-height:52px;color:var(--m);border:1.5px solid var(--line);background:#0a0c328c;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.95rem;font-weight:700;transition:border-color .2s,background .2s,box-shadow .2s,color .2s;display:flex}.plat input:checked+span,.plat.active span{color:var(--p);border-color:var(--p);background:#c8f9201f;box-shadow:0 0 24px #c8f9204d}.plat input:focus-visible+span{outline:2px solid var(--p);outline-offset:2px}.field{margin-bottom:20px}.lbl{color:#fff;margin-bottom:10px;font-size:.95rem;font-weight:700;display:block}.in{color:#fff;width:100%;min-height:54px;font:600 16px/1.4 var(--font-arabic);background:var(--bg-input);border:1.5px solid var(--line);text-align:start;unicode-bidi:plaintext;border-radius:14px;padding:13px 16px;transition:border-color .2s,box-shadow .2s;display:block}.in::placeholder{color:#d3d6ef80}.in:focus{border-color:var(--p);background:#0a0c32d9;outline:none;box-shadow:0 0 0 4px #c8f9202e,0 0 24px #c8f92040}.btn-neon{cursor:pointer;width:100%;min-height:58px;color:var(--navy);font:900 1.15rem var(--font-arabic);background:linear-gradient(110deg,#b4ee0e,#d6ff4a,#c8f920,#b4ee0e) 0 0/250% 100%;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:8px;transition:transform .2s,box-shadow .2s;animation:5s linear infinite btnSlide;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #c8f92059,inset 0 1px #ffffff80}.btn-neon:after{content:"";background:linear-gradient(100deg,#0000,#fff9,#0000);width:40%;animation:3.5s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes btnSlide{to{background-position:250% 0}}@keyframes shine{0%,55%{left:-60%}to{left:130%}}.btn-neon svg{width:22px;height:22px}.btn-neon:active{transform:scale(.98)}.btn-neon:disabled{opacity:.75;cursor:wait}.btn-neon:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (hover:hover){.btn-neon:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 18px 56px #c8f9208c}}.btn-alt{min-height:48px;color:var(--p);cursor:pointer;background:#1e1b4380;border:1.5px solid #c8f92099;border-radius:14px;justify-content:center;align-items:center;padding:0 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn-alt:hover,.btn-alt:focus-visible{background:#c8f92026;outline:none;transform:translateY(-1px);box-shadow:0 0 24px #c8f9204d}.sep{background:linear-gradient(90deg,#0000,#c8f92080,#0000);height:1px;margin:26px 0 20px}.note{text-align:center;color:#b9bdf0;margin-top:18px;font-size:.85rem}.alert-neon{background:var(--danger-bg);border:1px solid var(--danger-border);color:#ffd0d0;text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:14px 16px;font-size:.95rem;font-weight:600;display:flex}.alert-neon.alert-success{background:var(--success-bg);border-color:var(--success-border);color:#e6ff8a}.steam-otp-box{border-radius:var(--radius-lg);font-family:var(--font-mono);letter-spacing:.25em;color:var(--p);text-shadow:0 0 20px #c8f92099;-webkit-user-select:all;user-select:all;background:#c8f92014;border:2px dashed #c8f92099;justify-content:center;align-items:center;padding:1.25rem 2rem;font-size:clamp(2rem,5vw,2.7rem);font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 0 35px #c8f92026}.steam-otp-box:hover{background:#c8f92024;border-color:#fff;box-shadow:0 0 45px #c8f92059}.nav-neon{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:50;background:#1e1b43d9;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex;position:sticky;top:0}.admin-shell{flex-direction:column;min-height:100vh;display:flex}.admin-body{flex:1;width:100%;display:flex}.admin-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-inline-end:1px solid var(--line);z-index:40;background:#1e1b43bf;flex-direction:column;flex-shrink:0;width:260px;min-height:calc(100vh - 65px);padding:1.25rem .85rem;transition:transform .25s;display:flex}.sidebar-nav-item:hover{color:#fff;background:#c8f92014;border-color:#c8f92033}.sidebar-nav-item.active{color:var(--p);border-color:var(--p);background:linear-gradient(135deg,#c8f92033 0%,#252b7966 100%);box-shadow:0 0 18px #c8f92033}.table-container{border-radius:var(--radius-lg);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1b43bf;width:100%;overflow-x:auto;box-shadow:0 15px 40px #0a0a3266}.modern-table{border-collapse:collapse;text-align:right;width:100%;font-size:.92rem}[dir=ltr] .modern-table{text-align:left}.modern-table th{color:var(--m);border-bottom:1px solid var(--line);white-space:nowrap;background:#141230f2;padding:1rem 1.25rem;font-weight:700}.modern-table td{border-bottom:1px solid var(--line);color:#fff;vertical-align:middle;padding:1rem 1.25rem}.modern-table tr:hover td{background:#c8f9200a}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-success{color:var(--p);background:#c8f92026;border:1px solid #c8f92080}.badge-warning{background:var(--warning-bg);color:#fbbf24;border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:#ff8787;border:1px solid var(--danger-border)}.badge-info{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf866}.badge-neutral{color:var(--m);border:1px solid var(--line);background:#ffffff14}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0a0a28cc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border:1.5px solid var(--line-strong);border-radius:var(--radius-xl);background:linear-gradient(160deg,#252b79f5,#1e1b43fa);width:100%;max-width:min(92vw,560px);max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 25px 70px #0009,0 0 50px #c8f92026}@media (width<=1024px){.admin-sidebar{top:65px;bottom:0;box-shadow:var(--shadow-card);z-index:90;border-inline-end:1.5px solid var(--line);position:fixed;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)!important}.sidebar-overlay.open{inset:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:85;background:#0a0a28b3;display:block;position:fixed;top:65px}}@media (width<=380px){.plat{flex-basis:100%}.chip{padding:6px 12px;font-size:.8rem}}.app-container,.admin-shell{flex-direction:column;min-height:100vh;display:flex}.admin-body{flex:1;width:100%;display:flex;position:relative}.admin-sidebar{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-inline-end:1px solid var(--border-subtle);z-index:40;flex-direction:column;flex-shrink:0;width:260px;min-height:calc(100vh - 65px);padding:1.25rem .85rem;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex}.admin-sidebar-drawer{flex-direction:column;gap:.35rem;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;width:100%;text-align:inherit;border:1px solid #0000;align-items:center;gap:.75rem;padding:.725rem 1rem;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:var(--text-primary);border-color:var(--border-subtle);background:#ffffff0a}.sidebar-nav-item.active{color:#fff;background:linear-gradient(135deg,#6366f138 0%,#6366f114 100%);border-color:#6366f159;font-weight:700;box-shadow:0 2px 10px #6366f126}.sidebar-nav-item.active .nav-icon{color:var(--accent-primary)}.admin-main{flex:1;width:100%;max-width:1600px;padding:2rem 2.25rem;overflow-x:hidden}.sidebar-overlay{display:none}@media (width<=1024px){.admin-sidebar{top:65px;bottom:0;box-shadow:var(--shadow-lg);z-index:90;border-inline-end:1px solid var(--border-hover);min-height:auto;position:fixed;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)!important}.sidebar-overlay.open{inset:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:85;background:#04070ea6;display:block;position:fixed;top:65px}.admin-main{padding:1.5rem 1.25rem}}@media (width<=640px){.admin-main{padding:1.15rem .85rem}}.top-navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:50;background:#0e1626f2;justify-content:space-between;align-items:center;height:65px;padding:.85rem 1.75rem;display:flex;position:sticky;top:0}.brand-badge{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.brand-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.brand-subtitle{color:var(--text-muted);font-size:.725rem;display:block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;display:grid}.responsive-split-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.portal-container{max-width:680px;margin:2.5rem auto;padding:0 1rem}.portal-card{padding:2.5rem;position:relative}@media (width<=640px){.portal-container{margin:1.25rem auto}.portal-card{padding:1.5rem 1.25rem}}.otp-timer-badge{border-radius:var(--radius-full);color:#38bdf8;background:#06b6d41f;border:1px solid #06b6d44d;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.code-wrapper{border-radius:var(--radius-lg);background:#06b6d412;border:1px solid #06b6d440;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.step-indicator{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.step-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.step-item.active{color:var(--accent-primary)}.step-num{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.step-item.active .step-num{background:var(--accent-primary);color:#fff;box-shadow:0 0 10px var(--accent-glow)}