html,body{background-color:var(--bg-dark,#0B1120);overflow-x:hidden!important;width:100%;max-width:100vw;margin:0;padding:0;position:relative;scroll-behavior:smooth}:root{--accent:#10b981;--secondary:#3b82f6;--bg-dark:#0B1120;--glass:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--neon-blue:#38bdf8;--neon-pink:#ec4899;--neon-green:#22c55e}*{box-sizing:border-box}body{font-family:'Cairo',sans-serif;background:radial-gradient(circle at top right,rgb(16 185 129 / .1),transparent 20%),radial-gradient(circle at left bottom,rgb(59 130 246 / .1),transparent 25%),var(--bg-dark,#0B1120);color:#fff}a{color:inherit;text-decoration:none}p{line-height:1.85}ul,ol{margin:0;padding:0;list-style:none}.prose{color:#e2e8f0}.prose a{color:#7dd3fc}.glass-card{background:rgb(255 255 255 / .03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .08);transition:all 0.3s ease;box-shadow:0 15px 60px rgb(2 6 23 / .26)}.glass-card:hover{border-color:rgb(16 185 129 / .3);box-shadow:0 8px 32px rgb(16 185 129 / .1)}.menu-panel{transform:translateX(100%);transition:transform 0.3s cubic-bezier(.4,0,.2,1)}.menu-panel.active{transform:translateX(0)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#preloader{transition:opacity 0.5s ease,visibility 0.5s;z-index:99999}#preloader.hide{opacity:0;visibility:hidden;pointer-events:none}#back-to-top{opacity:0;visibility:hidden;transition:all 0.3s ease;transform:translateY(20px)}#back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.browse-card{transition:transform 0.2s ease-out,opacity 0.2s ease-out,filter 0.2s ease-out}.baramej-banner-wrapper{width:100%;display:flex;justify-content:center;padding:20px 0;margin-bottom:40px;font-family:'Cairo',sans-serif}.baramej-banner-shape{position:relative;width:100%;max-width:900px;min-height:400px;background:linear-gradient(135deg,#0f172a 0%,#0B1120 50%,#172554 100%);border-radius:30px;display:flex;align-items:center;justify-content:center;padding:40px;box-shadow:0 25px 80px rgb(0 0 0 / .6),0 0 0 1px rgb(255 255 255 / .05),inset 0 0 60px rgb(16 185 129 / .05);overflow:hidden;border:1px solid rgb(255 255 255 / .1)}.shape-circle-1{position:absolute;width:250px;height:250px;border:3px solid rgb(16 185 129 / .3);border-radius:50%;top:-80px;left:-50px;animation:rotate 20s linear infinite}.shape-circle-2{position:absolute;width:180px;height:180px;border:2px solid rgb(59 130 246 / .4);border-radius:50%;bottom:-40px;right:10%;animation:rotate 15s linear infinite reverse}.shape-diamond{position:absolute;width:100px;height:100px;background:linear-gradient(45deg,rgb(16 185 129 / .2),rgb(59 130 246 / .2));transform:rotate(45deg);top:20%;right:15%;border-radius:10px;animation:pulse 4s ease-in-out infinite}.shape-triangle{position:absolute;width:0;height:0;border-left:40px solid #fff0;border-right:40px solid #fff0;border-bottom:70px solid rgb(59 130 246 / .25);bottom:15%;left:10%;animation:float 5s ease-in-out infinite}.shape-wave{position:absolute;bottom:0;left:0;width:100%;height:60px;background-image:radial-gradient(circle at 20px 0,rgb(255 255 255 / .18) 0,rgb(255 255 255 / .18) 18px,transparent 19px),radial-gradient(circle at 60px 0,rgb(16 185 129 / .16) 0,rgb(16 185 129 / .16) 18px,transparent 19px);background-size:120px 60px;background-repeat:repeat-x;animation:wave 10s linear infinite;opacity:.35}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:rotate(45deg) scale(1);opacity:.6}50%{transform:rotate(45deg) scale(1.1);opacity:.9}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes wave{0%{background-position-x:0}100%{background-position-x:1440px}}.particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:rgb(16 185 129 / .6);border-radius:50%;animation:particleFloat 8s infinite ease-in-out;box-shadow:0 0 10px rgb(16 185 129 / .8)}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.particle:nth-child(2){left:30%;top:60%;animation-delay:2s}.particle:nth-child(3){left:70%;top:30%;animation-delay:4s}.particle:nth-child(4){left:85%;top:70%;animation-delay:1s}.particle:nth-child(5){left:50%;top:10%;animation-delay:3s}@keyframes particleFloat{0%,100%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.3);opacity:1}}.baramej-banner-content{text-align:center;z-index:10;max-width:650px;position:relative}.baramej-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgb(255 215 0 / .15);border:1px solid rgb(255 215 0 / .4);border-radius:50px;color:gold;font-size:.9rem;font-weight:700;margin-bottom:20px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{box-shadow:0 0 10px rgb(255 215 0 / .2)}to{box-shadow:0 0 25px rgb(255 215 0 / .5)}}.baramej-banner-title{font-size:2.8rem;font-weight:900;margin:10px 0 20px;background:linear-gradient(90deg,#ffffff 0%,var(--accent,#10b981) 30%,var(--secondary,#3b82f6) 60%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:gradientFlow 4s ease infinite;background-size:300% 300%;text-shadow:0 4px 20px rgb(0 0 0 / .3);line-height:1.2}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.baramej-banner-subtitle{font-size:1.25rem;color:#cbd5e1;margin-bottom:35px;font-weight:400;line-height:1.7}.baramej-banner-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 45px;background:linear-gradient(135deg,var(--accent,#10b981) 0%,var(--secondary,#3b82f6) 100%);color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem;border-radius:60px;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgb(16 185 129 / .4),0 0 0 2px rgb(255 255 255 / .1);position:relative;overflow:hidden}.baramej-banner-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:left 0.6s ease}.baramej-banner-btn:hover::before{left:100%}.baramej-banner-btn:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 20px 50px rgb(59 130 246 / .5),0 0 0 2px rgb(255 255 255 / .3);color:#fff}.baramej-banner-btn svg{width:22px;height:22px;transition:transform 0.3s ease}.baramej-banner-btn:hover svg{transform:translateX(-6px)}.baramej-banner-shape::before{content:'';position:absolute;inset:-2px;background:linear-gradient(45deg,var(--accent,#10b981),var(--secondary,#3b82f6),var(--accent,#10b981),var(--secondary,#3b82f6));border-radius:32px;z-index:-1;animation:borderGlow 3s linear infinite;background-size:400% 400%;opacity:.5}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradient-xy{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes text-glow{0%,100%{text-shadow:0 0 10px rgb(34 211 238 / .5),0 0 20px rgb(168 85 247 / .3)}50%{text-shadow:0 0 20px rgb(34 211 238 / .8),0 0 40px rgb(168 85 247 / .6),0 0 60px rgb(236 72 153 / .4)}}.animate-gradient-xy{background-size:200% 200%;animation:gradient-xy 3s ease infinite}.animate-text-glow{animation:text-glow 2.5s ease-in-out infinite}.pagination-wrap ul{display:flex;flex-wrap:wrap;gap:8px}.pagination-wrap a,.pagination-wrap span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 14px;border-radius:12px;border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .05);color:#cbd5e1;font-size:13px;font-weight:800}.pagination-wrap .current,.pagination-wrap a:hover{color:#fff;background:linear-gradient(135deg,var(--accent,#10b981),var(--secondary,#3b82f6))}.neon-blue,.neon-hover-blue:hover{border-color:rgb(56 189 248 / .35);box-shadow:0 0 0 1px rgb(56 189 248 / .25),0 0 22px rgb(56 189 248 / .24),0 0 44px rgb(56 189 248 / .12)}.neon-pink,.neon-hover-pink:hover{border-color:rgb(236 72 153 / .35);box-shadow:0 0 0 1px rgb(236 72 153 / .24),0 0 22px rgb(236 72 153 / .24),0 0 44px rgb(236 72 153 / .12)}.neon-green,.neon-hover-green:hover{border-color:rgb(34 197 94 / .35);box-shadow:0 0 0 1px rgb(34 197 94 / .24),0 0 22px rgb(34 197 94 / .24),0 0 44px rgb(34 197 94 / .12)}.archive-card,.single-article-card,.alwahhab-comments,.read-more-neon,.download-neon-btn{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background-color .35s ease,color .35s ease}.archive-card:hover{border-color:rgb(56 189 248 / .28);box-shadow:0 0 0 1px rgb(56 189 248 / .15),0 18px 60px rgb(15 23 42 / .45),0 0 36px rgb(56 189 248 / .14)}.read-more-neon{background:linear-gradient(135deg,rgb(56 189 248 / .9),rgb(236 72 153 / .92));box-shadow:0 0 18px rgb(56 189 248 / .25),0 0 32px rgb(236 72 153 / .18)}.read-more-neon:hover{transform:translateY(-2px);box-shadow:0 0 22px rgb(56 189 248 / .35),0 0 48px rgb(236 72 153 / .25)}.download-neon-btn{background:linear-gradient(135deg,rgb(34 197 94 / .95),rgb(56 189 248 / .95));box-shadow:0 0 22px rgb(34 197 94 / .25),0 0 44px rgb(56 189 248 / .16)}.download-neon-btn:hover{box-shadow:0 0 30px rgb(34 197 94 / .35),0 0 60px rgb(56 189 248 / .22)}.single-featured-frame img,.archive-card img{display:block}.prose,.prose p,.prose li,.prose blockquote,.prose figcaption{color:#dbe7f5}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#fff;font-weight:800;line-height:1.5;margin:1.4em 0 .7em}.prose p{margin:0 0 1.2em;font-size:1.05rem}.prose a{color:var(--neon-blue);text-decoration:underline;text-decoration-color:rgb(56 189 248 / .35);text-underline-offset:4px}.prose a:hover{color:#fff;text-decoration-color:rgb(236 72 153 / .45)}.prose strong{color:#fff}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.post-navigation{margin-top:2rem;padding-top:2rem;border-top:1px solid rgb(255 255 255 / .08)}.post-navigation .nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.post-navigation a{display:block;padding:1rem 1.25rem;border-radius:20px;border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .04);color:#e2e8f0;transition:.3s ease}.post-navigation a:hover{border-color:rgb(56 189 248 / .28);box-shadow:0 0 0 1px rgb(56 189 248 / .15),0 18px 60px rgb(15 23 42 / .35);transform:translateY(-2px)}@media (max-width:767px){.post-navigation .nav-links{grid-template-columns:1fr}}.prose ul,.prose ol{list-style:inherit;margin:0 0 1.2em;padding-inline-start:1.25rem}.prose li{margin-bottom:.65em}.prose img{border-radius:1.5rem;border:1px solid rgb(255 255 255 / .08);box-shadow:0 20px 50px rgb(15 23 42 / .35)}.prose blockquote{margin:1.5em 0;padding:1rem 1.25rem;border-right:4px solid rgb(56 189 248 / .55);background:rgb(255 255 255 / .04);border-radius:1rem}.prose code{background:rgb(15 23 42 / .85);border:1px solid rgb(255 255 255 / .08);border-radius:.65rem;padding:.15rem .45rem;color:#f8fafc}.prose pre{background:rgb(2 6 23 / .88);border:1px solid rgb(255 255 255 / .08);border-radius:1.5rem;padding:1.25rem;overflow:auto}.prose table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:1rem}.prose th,.prose td{border:1px solid rgb(255 255 255 / .1);padding:.9rem 1rem}.prose th{background:rgb(255 255 255 / .06);color:#fff}.comment-list,.comment-list ol,.comment-list ul{list-style:none;padding:0;margin:0}.comment-list .comment-body{border:1px solid rgb(255 255 255 / .08);background:rgb(2 6 23 / .45);border-radius:1.5rem;padding:1.25rem;box-shadow:0 16px 40px rgb(15 23 42 / .24)}.comment-list .comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-list .comment-author .avatar{border-radius:999px;border:1px solid rgb(255 255 255 / .1)}.comment-list .comment-author .fn,.comment-list .comment-author a{color:#fff;font-weight:800}.comment-list .comment-metadata a,.comment-list .reply a{color:#7dd3fc;font-size:.85rem;font-weight:700}.comment-list .comment-content p{margin-bottom:0;color:#dbe7f5}.comment-respond .comment-reply-title small a{color:#fda4af;font-size:.8rem;margin-inline-start:.5rem}.comment-form p{margin:0 0 1rem}.comment-form input,.comment-form textarea{width:100%}@media (max-width:767px){.baramej-banner-title{font-size:2.1rem}.baramej-banner-subtitle{font-size:1rem}.baramej-banner-shape{padding:28px 22px;min-height:320px}}.alwahhab-reading-progress{position:fixed;inset:0 0 auto 0;height:4px;z-index:9999;background:rgb(15 23 42 / .35);backdrop-filter:blur(10px)}.alwahhab-reading-progress__bar{width:0;height:100%;background:linear-gradient(90deg,#10b981,#22c55e,#86efac);box-shadow:0 0 18px rgb(16 185 129 / .6),0 0 34px rgb(34 197 94 / .35);transition:width .12s linear}.pro-glass-box,.pro-app-info,.pro-alert,.pro-toc,.pro-faq,.pro-code-box,.pro-download-timer{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgb(255 255 255 / .1);background:linear-gradient(135deg,rgb(15 23 42 / .78),rgb(15 23 42 / .52));box-shadow:0 20px 60px rgb(2 6 23 / .28),inset 0 1px 0 rgb(255 255 255 / .05);backdrop-filter:blur(18px)}.pro-app-info,.pro-alert,.pro-toc,.pro-faq,.pro-code-box,.pro-download-timer{margin:1.5rem 0}.pro-app-info::before,.pro-alert::before,.pro-toc::before,.pro-faq::before,.pro-code-box::before,.pro-download-timer::before{content:"";position:absolute;inset:-40% auto auto -10%;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgb(59 130 246 / .18),transparent 68%);pointer-events:none}.pro-app-info{padding:1.4rem}.pro-app-info__wrap{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pro-app-info__icon{width:82px;height:82px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(59 130 246 / .25),rgb(16 185 129 / .18));border:1px solid rgb(255 255 255 / .12);color:#fff;font-size:2rem;box-shadow:0 0 30px rgb(59 130 246 / .18);flex-shrink:0}.pro-app-info__body{flex:1 1 280px}.pro-app-info__name{margin:0 0 .35rem;color:#fff;font-size:1.5rem;font-weight:900}.pro-app-info__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-top:1rem}.pro-app-info__item{padding:.9rem 1rem;border-radius:18px;border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .04)}.pro-app-info__label{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;color:#93c5fd;font-size:.85rem;font-weight:800}.pro-app-info__value{color:#f8fafc;font-size:1rem;font-weight:800}.pro-toc{padding:1rem 1rem 1.15rem;border-color:rgb(59 130 246 / .22);box-shadow:0 0 0 1px rgb(59 130 246 / .08),0 18px 60px rgb(2 6 23 / .28),0 0 40px rgb(59 130 246 / .12)}.pro-toc__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.pro-toc__title{display:flex;align-items:center;gap:.65rem;color:#eff6ff;font-size:1.05rem;font-weight:900}.pro-toc__toggle{width:40px;height:40px;border:1px solid rgb(59 130 246 / .22);border-radius:14px;background:rgb(59 130 246 / .1);color:#93c5fd;transition:.25s ease}.pro-toc__toggle:hover{background:rgb(59 130 246 / .16);box-shadow:0 0 20px rgb(59 130 246 / .18)}.pro-toc__body{margin-top:1rem}.pro-toc__body.is-collapsed{display:none}.pro-toc__list,.pro-toc__list ul{list-style:none;padding:0;margin:0}.pro-toc__item+.pro-toc__item{margin-top:.55rem}.pro-toc__link{display:flex;align-items:center;gap:.65rem;padding:.8rem .95rem;border-radius:18px;color:#dbeafe;border:1px solid rgb(255 255 255 / .06);background:rgb(255 255 255 / .03);transition:.25s ease}.pro-toc__link:hover,.pro-toc__link.is-active{color:#fff;border-color:rgb(59 130 246 / .28);background:rgb(59 130 246 / .12);box-shadow:0 0 20px rgb(59 130 246 / .14)}.pro-toc__link--h3{margin-right:1rem;color:#bbf7d0;border-color:rgb(16 185 129 / .12)}.pro-alert{padding:1rem 1.15rem;display:flex;gap:.95rem;align-items:flex-start}.pro-alert__icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;border:1px solid rgb(255 255 255 / .1)}.pro-alert__content{flex:1}.pro-alert__title{margin:0 0 .25rem;color:#fff;font-weight:900;font-size:1.05rem}.pro-alert__text,.pro-alert__text p:last-child{margin-bottom:0}.pro-alert--success{border-color:rgb(16 185 129 / .34)}.pro-alert--success .pro-alert__icon{background:rgb(16 185 129 / .14);color:#34d399;box-shadow:0 0 24px rgb(16 185 129 / .16)}.pro-alert--warning{border-color:rgb(239 68 68 / .34)}.pro-alert--warning .pro-alert__icon{background:rgb(239 68 68 / .14);color:#f87171;box-shadow:0 0 24px rgb(239 68 68 / .16)}.pro-alert--info{border-color:rgb(59 130 246 / .34)}.pro-alert--info .pro-alert__icon{background:rgb(59 130 246 / .14);color:#60a5fa;box-shadow:0 0 24px rgb(59 130 246 / .16)}.pro-faq{padding:1rem}.pro-faq__item{border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .03);border-radius:22px;overflow:hidden}.pro-faq__item+.pro-faq__item{margin-top:.85rem}.pro-faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:#fff0;border:0;color:#fff;font:inherit;font-weight:900;text-align:right;cursor:pointer}.pro-faq__question i{color:#93c5fd;transition:transform .25s ease}.pro-faq__item.is-open .pro-faq__question i{transform:rotate(180deg)}.pro-faq__answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.pro-faq__answer-inner{padding:0 1.1rem 1rem;color:#cbd5e1;line-height:2}.pro-code-box{padding:1rem}.pro-code-box__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.pro-code-box__title{color:#fff;font-weight:900}.pro-copy-btn,.pro-download-timer__button,.pro-download-timer__link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;border-radius:18px;padding:.9rem 1.25rem;font-weight:900;transition:.25s ease;cursor:pointer}.pro-copy-btn{background:rgb(59 130 246 / .14);color:#dbeafe;border:1px solid rgb(59 130 246 / .22)}.pro-copy-btn:hover{background:rgb(59 130 246 / .2);box-shadow:0 0 22px rgb(59 130 246 / .18)}.pro-copy-btn.is-copied{background:rgb(16 185 129 / .16);border-color:rgb(16 185 129 / .3);color:#d1fae5}.pro-code-box pre{margin:0;direction:ltr;text-align:left;white-space:pre-wrap}.pro-code-box code{display:block;font-size:.95rem;line-height:1.9}.pro-download-timer{padding:1.15rem;border-color:rgb(34 197 94 / .22);box-shadow:0 0 0 1px rgb(34 197 94 / .08),0 18px 60px rgb(2 6 23 / .28),0 0 34px rgb(34 197 94 / .12)}.pro-download-timer__title{margin:0 0 .45rem;color:#fff;font-size:1.1rem;font-weight:900}.pro-download-timer__text{color:#cbd5e1;margin-bottom:1rem}.pro-download-timer__button{background:linear-gradient(135deg,rgb(16 185 129 / .95),rgb(34 197 94 / .95));color:#04130e;box-shadow:0 0 25px rgb(34 197 94 / .22),0 0 50px rgb(16 185 129 / .16)}.pro-download-timer__button:hover,.pro-download-timer__link:hover{transform:translateY(-2px)}.pro-download-timer__button[disabled]{opacity:.8;cursor:wait}.pro-download-timer__status{margin-top:1rem;color:#86efac;font-weight:800}.pro-download-timer__link{margin-top:1rem;background:linear-gradient(135deg,rgb(59 130 246 / .96),rgb(16 185 129 / .96));color:#fff;text-decoration:none;box-shadow:0 0 24px rgb(59 130 246 / .2),0 0 52px rgb(16 185 129 / .12)}@media (max-width:767px){.pro-app-info__wrap{flex-direction:column;align-items:stretch}.pro-app-info__icon{margin:0 auto}.pro-toc__header,.pro-code-box__header{flex-direction:column;align-items:stretch}}