:root{--bg:#061016;--bg-alt:#0b1a21;--text:#dffbff;--muted:#9ddfec;--neon:#18fff3;--accent:#1e9bff;--card:#0d232b}*{box-sizing:border-box}html,body{min-height:100%;height:auto}body{margin:0;font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%);color:var(--text);line-height:1.7}.bg-animated{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.bg-animated:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg at 50% 50%,rgba(24,255,243,.12),rgba(30,155,255,.12),rgba(24,255,243,.12));filter:blur(110px);opacity:.4;animation:spinGradient 28s linear infinite}.blob{position:absolute;filter:blur(70px);opacity:.35;border-radius:50%;animation:float 18s ease-in-out infinite}.blob.one{width:520px;height:520px;background:radial-gradient(circle at 30% 30%,var(--neon),transparent 60%);right:6%;top:calc(-8% + var(--scrollY,0px)/-20)}.blob.two{width:420px;height:420px;background:radial-gradient(circle at 50% 50%,var(--accent),transparent 60%);left:-6%;bottom:calc(-10% + var(--scrollY,0px)/-15)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-12px,10px)}}@keyframes spinGradient{to{transform:rotate(1turn)}}.container{width:100%;max-width:1200px;margin-inline:auto;padding:0 20px}.section{padding:64px 0}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000059}.button{--glow:rgba(24,255,243,.55);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));color:var(--text);text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.button:hover{transform:translateY(-1px);border-color:#18fff359;box-shadow:0 8px 28px -12px var(--glow),inset 0 0 0 1px #18fff326}.button.primary{background:linear-gradient(180deg,rgba(24,255,243,.18),rgba(24,255,243,.08));border-color:#18fff359}.button.ghost{background:transparent;border-color:#ffffff26}.button.primary.is-loading{pointer-events:none}.button.primary.is-loading:after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:var(--neon);animation:spin .8s linear infinite}@keyframes glowPulse{0%{box-shadow:0 0 18px #18fff38c}50%{box-shadow:0 0 34px #18fff3d9}to{box-shadow:0 0 18px #18fff38c}}.glow{animation:glowPulse 2.4s ease-in-out infinite}.ruqaa{font-family:Aref Ruqaa Ink,serif}.ruqaa-blue{color:var(--accent)}.neon-title.ruqaa-blue{color:var(--accent)!important}.ruqaa.glow-strong,.ruqaa-blue.glow-strong{animation:glowPulse 2.2s ease-in-out infinite;text-shadow:0 0 14px rgba(30,155,255,.6),0 0 34px rgba(30,155,255,.35)}.ruqaa-invert{filter:invert(1)}.nav-glow{animation:glowPulse 2.2s ease-in-out infinite;text-shadow:0 0 14px rgba(30,155,255,.6),0 0 34px rgba(30,155,255,.35)}.button.cta-big{padding:1.1rem 1.6rem;font-size:1.15rem;border-radius:16px;width:100%}.button.cta-big.glow{animation:glowPulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.glow,.blob{animation:none}.bg-animated:before{animation:none}}.site-header{position:sticky;top:0;z-index:80;background:rgba(3,11,15,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(24,255,243,.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}.nav-area,.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(24,255,243,.55))}.nav-toggle{display:none;flex-direction:column;gap:6px;background:transparent;border:0;cursor:pointer;padding:8px;border-radius:10px}.nav-toggle:focus{outline:none;box-shadow:0 0 0 3px #18fff340}.nav-toggle span{width:26px;height:2px;background:var(--text)}.site-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;transition:opacity .25s ease,transform .25s ease}.site-nav a{display:block;padding:12px 14px;border-radius:12px;color:var(--text);text-decoration:none;border:1px solid transparent}.site-nav a.ruqaa{font-size:1.1rem}.site-nav a:hover,.site-nav a:focus{border-color:#18fff359;box-shadow:0 0 0 3px #18fff31f}.hero{position:relative;padding:64px 0}.neon-title{font-size:clamp(28px,5vw,46px);margin:0 0 12px;color:var(--neon);text-shadow:0 0 24px rgba(24,255,243,.8),0 0 60px rgba(0,214,201,.5);text-align:center}.neon-title.no-glow{text-shadow:none}.lead{margin:0 auto 28px;max-width:760px;color:var(--muted);text-align:center}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:1.6fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px}.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(24,255,243,.18);border-radius:16px;box-shadow:0 10px 30px #00000059;padding:20px}.parse-output{white-space:pre-wrap;background:transparent;border:1px dashed rgba(24,255,243,.25);border-radius:12px;padding:14px;color:var(--text)}.token{display:block;padding:.4rem .6rem;border-radius:8px;margin:.18rem 0;background:rgba(255,255,255,.03);border:1px solid rgba(24,255,243,.18)}.token.skeleton{border-color:#18fff31f;background:linear-gradient(90deg,rgba(24,255,243,.06),rgba(24,255,243,.12),rgba(24,255,243,.06));background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite}.form-label{display:block;margin:0 0 6px;color:var(--muted);font-size:.95rem}.input{width:100%;padding:1rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));color:var(--text);outline:none;transition:box-shadow .15s ease,border-color .15s ease}.input:focus{border-color:#18fff373;box-shadow:0 0 0 6px #18fff31f}.input::placeholder{color:#ffffff73}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:var(--neon);display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.parse-output .token{animation:popIn .28s ease both}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.parse-output .token:nth-child(1){animation-delay:.02s}.parse-output .token:nth-child(2){animation-delay:.04s}.parse-output .token:nth-child(3){animation-delay:.06s}.parse-output .token:nth-child(4){animation-delay:.08s}.parse-output .token:nth-child(5){animation-delay:.1s}.parse-output .token:nth-child(6){animation-delay:.12s}.parse-output .token:nth-child(7){animation-delay:.14s}.parse-output .token:nth-child(8){animation-delay:.16s}.parse-output .token:nth-child(9){animation-delay:.18s}.parse-output .token:nth-child(10){animation-delay:.2s}.loader-bar{height:3px;border-radius:999px;background:rgba(24,255,243,.15);overflow:hidden;margin-top:10px}.loader-bar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--neon),transparent);animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}50%{transform:translate(120%)}to{transform:translate(220%)}}.ad-slot,.ad-placeholder{display:flex;align-items:center;justify-content:center;margin:12px auto;border:1px dashed rgba(24,255,243,.25);border-radius:12px;min-height:90px;max-width:100%}.adsense-container{display:block;width:100%;margin:12px auto;text-align:center;overflow:hidden}.adsense-container .adsbygoogle{display:block!important;margin:0 auto}.header-ad{max-width:100%;min-height:90px}.sidebar-ad{max-width:300px;min-height:250px}.content-ad{max-width:100%;min-height:280px}.footer-ad{max-width:100%;min-height:320px}.responsive-ad{max-width:100%;min-height:200px}.adsense-container:empty:after{content:"جاري تحميل الإعلان...";display:flex;align-items:center;justify-content:center;min-height:90px;color:var(--muted);font-size:.9rem;border:1px dashed rgba(24,255,243,.25);border-radius:12px;background:rgba(255,255,255,.02)}.footer{margin-top:auto;padding:32px 0;background:rgba(3,11,15,.8);border-top:1px solid rgba(24,255,243,.18);text-align:center}.footer a{color:var(--muted);text-decoration:none;margin:0 6px}.footer a:hover{color:var(--text)}@media (prefers-reduced-motion: reduce){.parse-output .token{animation:none}}.app-root{min-height:100vh;display:flex;flex-direction:column}.content{flex:1}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:720px){.nav-toggle{display:flex}.grid-3{grid-template-columns:1fr}.nav-toggle span{transition:transform .25s ease,opacity .25s ease}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.site-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(3,11,15,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-100%);transition:transform .32s cubic-bezier(.22,.61,.36,1);z-index:90;border:0;will-change:transform;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;min-height:100vh;overflow:auto}.site-nav.open{transform:translateY(0)}.backdrop{display:none}.site-nav ul{display:flex;flex-direction:column;gap:14px;margin:0;width:100%;max-width:520px}.site-nav ul li{opacity:0;transform:translateY(8px);list-style:none}.site-nav.open ul li{animation:menuItemIn .3s ease forwards}.site-nav.open ul li:nth-child(1){animation-delay:.05s}.site-nav.open ul li:nth-child(2){animation-delay:.1s}.site-nav.open ul li:nth-child(3){animation-delay:.15s}.site-nav.open ul li:nth-child(4){animation-delay:.2s}.site-nav.open ul li:nth-child(5){animation-delay:.25s}.site-nav.open ul li:nth-child(6){animation-delay:.3s}.site-nav a{width:100%;text-align:center;padding:18px;border-radius:16px;border:1px solid rgba(24,255,243,.22);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));font-size:1.12rem}.nav-back{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(24,255,243,.25);background:rgba(255,255,255,.04);color:var(--text);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;opacity:0;transform:translateY(-6px)}.site-nav.open .nav-back{opacity:1;transform:translateY(0);transition:opacity .2s ease .08s,transform .2s ease .08s}.nav-back:hover{transform:translateY(-1px);border-color:#18fff373;box-shadow:0 10px 28px #00000059}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuItemIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}