@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Tajawal:wght@400;500;700;800&display=swap";
:root{--primary-red:#dc2626;--primary-gold:#fbbf24;--dark-bg:#0f0f0f;--card-bg:#1a1a1a;--text-primary:#fff;--text-secondary:#a1a1aa;--glow-red:0 0 20px #dc262680;--glow-gold:0 0 20px #fbbf2480;--transition:all .3s ease}.guide-container{background:var(--dark-bg);direction:rtl;grid-template-columns:280px 1fr;min-height:100vh;font-family:Cairo,Tajawal,sans-serif;display:grid}.progress-bar-container{z-index:1000;background:#ffffff1a;height:4px;position:fixed;top:64px;left:0;right:0}.progress-bar{background:linear-gradient(90deg, var(--primary-red), var(--primary-gold));height:100%;box-shadow:var(--glow-red);transition:width .1s}.sidebar{background:var(--card-bg);border-left:1px solid #ffffff1a;height:calc(100vh - 64px);padding:2rem 1.5rem;position:sticky;top:64px;overflow-y:auto}.sidebar-title{color:var(--primary-gold);text-shadow:var(--glow-gold);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.toc-nav{flex-direction:column;gap:.5rem;display:flex}.toc-link{color:var(--text-secondary);transition:var(--transition);border-right:3px solid #0000;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;text-decoration:none}.toc-link:hover{color:var(--text-primary);border-right-color:var(--primary-red);background:#dc26261a;transform:translate(-5px)}.toc-link.toc-h2{font-weight:600}.toc-link.toc-h3{padding-right:2rem;font-size:.9rem}.main-content{max-width:100%;padding:2rem 3rem}.article-wrapper{max-width:900px;margin:0 auto}.card-paragraph{background:var(--card-bg);color:var(--text-primary);opacity:0;border:1px solid #ffffff0d;border-radius:12px;margin:1.5rem 0;padding:1.5rem 2rem;line-height:1.9;animation:.6s forwards fadeInUp}.card-paragraph:hover{border-color:#dc26264d;box-shadow:0 4px 20px #0000004d}.heading-h1{color:var(--primary-red);border-bottom:3px solid var(--primary-red);text-shadow:var(--glow-red);margin:2rem 0 1.5rem;padding-bottom:1rem;font-size:2.5rem;font-weight:900;animation:.6s forwards fadeInUp}.heading-h2{color:var(--primary-gold);text-shadow:var(--glow-gold);border-bottom:2px solid #fbbf244d;margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:700;animation:.6s forwards fadeInUp}.heading-h3{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.4rem;font-weight:600;animation:.6s forwards fadeInUp}.image-wrapper{border-radius:12px;margin:2rem 0;animation:.6s forwards fadeInUp;overflow:hidden}.zoom-image{cursor:pointer;border-radius:12px;width:100%;height:auto;transition:transform .4s}.zoom-image:hover{transform:scale(1.05)}.styled-list{background:var(--card-bg);border:1px solid #ffffff0d;border-radius:12px;margin:1.5rem 0;padding:1.5rem 2rem;animation:.6s forwards fadeInUp}.list-item{color:var(--text-primary);padding:.5rem 1.5rem .5rem 0;position:relative}.styled-list:not(.ordered) .list-item:before{content:"⚔️";position:absolute;right:0}.styled-list.ordered{padding-right:2.5rem;list-style:decimal}.card-grid-wrapper{opacity:0;margin:2rem 0;animation:.6s forwards fadeInUp}.eq-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.eq-card{background:#1a1a1a;border:1px solid #dc262640;border-radius:12px;padding:1.25rem;transition:border-color .25s,box-shadow .25s}.eq-card:hover{border-color:#fbbf2480;box-shadow:0 4px 20px #00000059}.eq-card-slot{letter-spacing:.06em;text-transform:uppercase;color:#ef4444;background:#dc262626;border:1px solid #dc262666;border-radius:4px;margin-bottom:.75rem;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.eq-card-divider{border:none;border-top:1px solid #ffffff14;margin:.75rem 0}.eq-card-row{flex-direction:column;gap:2px;margin-top:.6rem;display:flex}.eq-card-key{letter-spacing:.05em;text-transform:uppercase;color:#fbbf24;font-size:.72rem;font-weight:600}.eq-card-val{color:#fff;font-size:.9rem;line-height:1.5}@media (max-width:640px){.eq-card-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.guide-container{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:1.5rem}}@media (max-width:768px){.heading-h1{font-size:1.8rem}.heading-h2{font-size:1.4rem}.card-paragraph{padding:1rem 1.5rem}}