:root{--bg:#070b18;--bg-soft:#0f1730;--card:#131e3e;--card-hi:#1a2850;--border:#263462;--text:#eaf0ff;--muted:#8ea0c9;--accent:#6ea8fe;--accent-2:#a07cff;--accent-3:#22d3ee;--success:#34d399;--danger:#ff6b7a;--gradient:linear-gradient(135deg,#6ea8fe,#a07cff 50%,#22d3ee)}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(110,168,254,.18),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(160,124,255,.18),transparent 60%),radial-gradient(700px 400px at 50% 120%,rgba(34,211,238,.14),transparent 60%),var(--bg);min-height:100vh}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:0}button,input,textarea{font:inherit}.container{max-width:1120px;margin:0 auto;padding:40px 24px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:52px;height:52px;border-radius:14px;box-shadow:0 10px 40px -10px rgba(110,168,254,.55)}.brand h1,.brand-logo{background:var(--gradient)}.brand h1{margin:0;font-size:30px;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:2px 0 0;color:var(--muted);font-size:14px}.hero{margin-top:28px;padding:28px;border-radius:20px;background:linear-gradient(180deg,rgba(26,40,80,.85),rgba(19,30,62,.85));border:1px solid var(--border);box-shadow:0 20px 60px -30px rgba(0,0,0,.8)}.hero h2{margin:0 0 8px;font-size:22px}.hero p{margin:0;color:var(--muted);line-height:1.8}.hero .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.badge{padding:6px 12px;border-radius:999px;font-size:12px;background:rgba(110,168,254,.12);color:#b9cfff;border:1px solid rgba(110,168,254,.3)}.badge.purple{background:rgba(160,124,255,.12);color:#d1bfff;border-color:rgba(160,124,255,.3)}.badge.cyan{background:rgba(34,211,238,.12);color:#a8f0fb;border-color:rgba(34,211,238,.3)}.badge.green{background:rgba(52,211,153,.12);color:#a7f3d0;border-color:rgba(52,211,153,.3)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.card{display:block;padding:20px;border-radius:16px;background:linear-gradient(180deg,var(--card),var(--card-hi));border:1px solid var(--border);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);border-color:#3a4b82;box-shadow:0 16px 40px -20px rgba(110,168,254,.4)}.card h3{margin:0 0 6px;font-size:17px;color:var(--text);display:flex;align-items:center;gap:8px}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.card .dot{width:8px;height:8px;border-radius:999px;background:var(--gradient);display:inline-block}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-top:24px}.stat{padding:16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.stat .v{font-size:22px;font-weight:700;color:#fff}.stat .l{font-size:12px;color:var(--muted);margin-top:4px}.footer{margin-top:40px;color:#6c7a99;font-size:13px;text-align:center}.footer code{background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px;color:#cfd8ea}.list{list-style:none;padding:0;display:grid;grid-gap:10px;gap:10px;margin:16px 0 0}.list li{padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,var(--card),var(--card-hi));border:1px solid var(--border)}.list li .row{display:flex;justify-content:space-between;align-items:center}.list li strong{color:#fff}.list li .meta{color:var(--muted);font-size:12px}.error{padding:12px 14px;border-radius:10px;background:rgba(255,107,122,.08);border:1px solid rgba(255,107,122,.35);color:#ffbac3}