*{box-sizing:border-box}body{margin:0;background:#0b0f17;color:#eef2ff;font-family:Inter,Arial,sans-serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 0,#234 0,transparent 36%),radial-gradient(circle at 80% 10%,#2b1d45 0,transparent 35%);pointer-events:none;z-index:-1}.hero{padding:56px 6vw 32px;border-bottom:1px solid #243044;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0))}.eyebrow{color:#8bd3ff;letter-spacing:.12em;text-transform:uppercase;font-size:13px}h1{font-size:clamp(34px,6vw,78px);line-height:1.05;margin:8px 0 12px}.hero p{max-width:850px;color:#cbd5e1;font-size:20px}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.meta span,.controls button{border:1px solid #334155;background:#111827;color:#dbeafe;border-radius:999px;padding:8px 14px}.timeline{display:grid;grid-template-columns:1fr 6fr 1.2fr;gap:12px;padding:26px 6vw}.phase{border-radius:20px;padding:20px;text-align:center;font-size:28px;font-weight:800}.phase small{font-size:13px;color:#cbd5e1}.x{background:#17324d}.b{background:#26315d}.c{background:#4d2337}.controls{position:sticky;top:0;z-index:5;display:flex;gap:10px;flex-wrap:wrap;padding:14px 6vw;background:rgba(11,15,23,.9);backdrop-filter:blur(12px);border-block:1px solid #1f2937}.controls input{flex:1;min-width:260px;border:1px solid #334155;background:#0f172a;color:#fff;border-radius:12px;padding:12px 14px}.controls button{cursor:pointer}.cards{padding:24px 6vw 80px;display:grid;gap:28px}.card{border:1px solid #263244;border-radius:24px;background:rgba(15,23,42,.82);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25)}.cardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #263244}.tag{font-size:12px;border-radius:999px;padding:6px 10px;background:#172554;color:#bfdbfe}.title{margin:0;font-size:24px}.sub{color:#93a4bd;margin:6px 0 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.col{padding:24px;min-width:0}.col:first-child{border-left:1px solid #263244}.col h3{margin:0 0 14px;color:#fef3c7}.col.osama h3{color:#bbf7d0}.copy{white-space:pre-wrap;color:#dbeafe;background:#0b1220;border:1px solid #1e293b;border-radius:18px;padding:18px;max-height:520px;overflow:auto;direction:auto}.copy.ar{direction:rtl;text-align:right}.copy.en{direction:ltr;text-align:left}.delay{color:#94a3b8;font-size:13px;margin-top:8px}@media(max-width:900px){.grid{grid-template-columns:1fr}.col:first-child{border-left:0;border-bottom:1px solid #263244}.timeline{grid-template-columns:1fr}.cardHead{display:block}}