:root{--primary:#0b1220;--secondary:#1b2a4b;--accent1:#22d3ee;--accent2:#a78bfa;--text:#f8fafc;--muted:#cbd5e1;--card:rgba(255,255,255,.08);--header:80px}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);
background:radial-gradient(900px 600px at 10% 20%, rgba(34,211,238,.15), transparent 60%),radial-gradient(800px 520px at 90% 80%, rgba(167,139,250,.14), transparent 60%),linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);line-height:1.65;overflow-x:hidden}
[dir="rtl"] body{font-family:'Noto Naskh Arabic',Tajawal,'Segoe UI',Roboto,Arial}
.container{max-width:1200px;margin:0 auto;padding:0 22px}.section{padding:96px 0}.section-title{font-size:2.2rem;text-align:center;margin-bottom:28px}
header{position:fixed;inset:0 0 auto 0;height:var(--header);display:flex;align-items:center;background:rgba(6,10,20,.7);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.08)}
header .container{display:flex;align-items:center;justify-content:space-between;width:100%}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#0b1220;font-weight:900}
nav{display:flex;align-items:center;gap:22px}nav a{color:var(--text);opacity:.9;text-decoration:none;font-weight:600;position:relative}
nav a::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent1),var(--accent2));transition:width .3s}nav a:hover::after{width:100%}
#lang{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--text)}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header);position:relative}
.hero h1{font-size:clamp(2.4rem,1.6rem + 2vw,3.6rem);line-height:1.1;margin-bottom:14px;background:linear-gradient(90deg,#fff,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:var(--muted);max-width:840px;margin-bottom:18px}.cta{display:inline-flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg, var(--accent1), #1fb2cc);color:#051018;font-weight:800;text-decoration:none;box-shadow:0 8px 26px rgba(34,211,238,.25)}
.btn.alt{background:transparent;color:var(--text)}
.grid{display:grid;gap:22px}.grid-2{grid-template-columns:1fr}@media(min-width:980px){.grid-2{grid-template-columns:1.05fr .95fr}}
.card{background:var(--card);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;box-shadow:0 18px 60px -28px rgba(0,0,0,.35)}
.card img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);display:block;margin:8px 0;object-fit:cover}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(34,211,238,.12);color:#e0fbff;border:1px solid rgba(34,211,238,.3);font-size:.85rem}
.small{color:var(--muted);font-size:.95rem}
footer{background:#0a0f1c;padding:46px 0 28px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.copyright{text-align:center;color:var(--muted);margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.cookie{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;width:min(960px,92%);background:#0c1426;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;display:flex;gap:10px;align-items:center;z-index:9999}
.cookie[hidden]{display:none}
.legal-header{position:sticky;top:0;background:rgba(6,10,20,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);padding:12px 0;margin-bottom:16px}
.legal-header .container{display:flex;justify-content:space-between;align-items:center}
.legal-back{color:#e0fbff;text-decoration:none;border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:10px}


/* --- TG v25 hero --- */
.hero-wrap{position:relative; padding:4rem 1rem 2rem; display:flex; align-items:center; justify-content:center; background: radial-gradient(1200px 500px at 50% 0%, rgba(34,211,238,.10), rgba(99,102,241,.06) 40%, rgba(10,15,30,0) 70%)}
.hero-inner{max-width:1200px; width:100%; display:grid; grid-template-columns:1fr; gap:1rem; text-align:center}
.hero-logo{width:min(680px,90vw); height:auto; filter: drop-shadow(0 12px 32px rgba(34,211,238,.15));}
.hero-wordmark{width:min(920px,95vw); height:auto; margin-top:.25rem; opacity:.95}
@media (min-width: 900px){
  .hero-inner{grid-template-columns:1fr}
}
/* --- icons fallback note (dev only) --- */
.icon-missing{display:none}