.babel-blog{--bb-bg:#050505;--bb-fg:#F8FAFC;--bb-muted:#9CA3AF;--bb-primary:#FF5A2C;--bb-border:rgba(255, 255, 255, 0.08);--bb-radius:1.5rem;--bb-shadow-soft:0 0 40px rgba(255, 90, 44, 0.15), 0 20px 60px -30px rgba(0,0,0,0.6);--bb-cols-d:3;--bb-cols-t:2;--bb-cols-m:1;direction:rtl;font-family:"Tajawal","Cairo",system-ui,sans-serif;color:var(--bb-fg);background:var(--bb-bg);-webkit-font-smoothing:antialiased}.babel-blog *,.babel-blog *::before,.babel-blog *::after{box-sizing:border-box}.babel-blog .bb-container{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width:768px){.babel-blog .bb-container{padding:0 1.5rem}}.babel-blog .bb-cats-section{position:relative;overflow:hidden;padding:1.5rem 0 0}@media (min-width:768px){.babel-blog .bb-cats-section{padding-top:2.5rem}}.babel-blog .bb-cats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}@media (min-width:768px){.babel-blog .bb-cats{gap:.75rem}}.babel-blog .bb-cat-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--bb-border);background:rgb(255 255 255 / .05);color:var(--bb-muted);border-radius:999px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;font-family:inherit;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s}@media (min-width:768px){.babel-blog .bb-cat-btn{font-size:.875rem}}.babel-blog .bb-cat-btn:hover{border-color:rgb(255 90 44 / .5);color:var(--bb-fg)}.babel-blog .bb-cat-btn.is-active{background:color-mix(in srgb,var(--bb-primary) 20%,transparent);max-height:37px!important;color:var(--bb-primary);border-color:#fff0;box-shadow:0 0 0 1px color-mix(in srgb,var(--bb-primary) 40%,transparent),0 0 40px color-mix(in srgb,var(--bb-primary) 25%,transparent)}.babel-blog .bb-dot{width:.4rem;height:.4rem;border-radius:999px;background:currentColor;opacity:.7}.babel-blog .bb-grid-section{position:relative;isolation:isolate;overflow:hidden;padding:3.5rem 0}@media (min-width:768px){.babel-blog .bb-grid-section{padding:5rem 0}}.babel-blog .bb-grid-section>.bb-container{position:relative;z-index:1}.babel-blog .bb-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(var(--bb-cols-m),minmax(0,1fr))}@media (min-width:768px){.babel-blog .bb-grid{grid-template-columns:repeat(var(--bb-cols-t),minmax(0,1fr))}}@media (min-width:1024px){.babel-blog .bb-grid{grid-template-columns:repeat(var(--bb-cols-d),minmax(0,1fr))}}.babel-blog .bb-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:1.75rem;border-radius:var(--bb-radius);background:linear-gradient(95deg,rgb(255 255 255 / .08) 2.21002%,#fff0 100%);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--token-8c47652b-dea5-4767-a9f2-5d952dcce49a,rgb(255 255 255 / .3));box-shadow:0 1px 0 0 rgb(255 255 255 / .1) inset,0 -1px 0 0 rgb(0 0 0 / .3) inset,0 20px 60px -20px rgb(0 0 0 / .6);transition:transform .3s ease,box-shadow .3s ease}.babel-blog .bb-card:hover{transform:translateY(-4px);box-shadow:var(--bb-shadow-soft)}.bb-nohover-yes .babel-blog .bb-card:hover{transform:none;box-shadow:0 1px 0 0 rgb(255 255 255 / .1) inset,0 -1px 0 0 rgb(0 0 0 / .3) inset,0 20px 60px -20px rgb(0 0 0 / .6)}.babel-blog .bb-card-glow{position:absolute;top:-4rem;right:-4rem;width:10rem;height:10rem;border-radius:999px;background:color-mix(in srgb,var(--bb-primary) 10%,transparent);filter:blur(48px);pointer-events:none;transition:background-color .3s ease}.babel-blog .bb-card:hover .bb-card-glow{background:color-mix(in srgb,var(--bb-primary) 25%,transparent)}.babel-blog .bb-card-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.babel-blog .bb-chip{display:inline-flex;align-items:center;gap:.375rem;background:color-mix(in srgb,var(--bb-primary) 15%,transparent);color:var(--bb-primary);border-radius:999px;padding:.25rem .75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;font-family:"Space Grotesk","Inter",system-ui,sans-serif}.babel-blog .bb-date{font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:.625rem;text-transform:uppercase;letter-spacing:.3em;color:color-mix(in srgb,var(--bb-muted) 70%,transparent)}.babel-blog .bb-thumb{position:relative;display:block;margin-top:1.25rem;border-radius:1rem;overflow:hidden;aspect-ratio:16/10;background:rgb(255 255 255 / .04)}.babel-blog .bb-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.babel-blog .bb-card:hover .bb-thumb img{transform:scale(1.04)}.babel-blog .bb-title{position:relative;margin:1.25rem 0 0;font-size:1.25rem;font-weight:700;line-height:1.35;letter-spacing:-.02em}.babel-blog .bb-title a{color:inherit;text-decoration:none}.babel-blog .bb-title a:hover{color:var(--bb-primary)}.babel-blog .bb-excerpt{position:relative;margin:.75rem 0 0;flex:1;font-size:.875rem;line-height:1.7;color:var(--bb-muted)}.babel-blog .bb-card-foot{position:relative;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgb(255 255 255 / .05);display:flex;align-items:center;justify-content:space-between}.babel-blog .bb-read{display:inline-flex;align-items:center;gap:.375rem;font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-size:.75rem;color:var(--bb-muted)}.babel-blog .bb-more{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:var(--bb-primary);text-decoration:none;transition:gap .2s ease}.babel-blog .bb-more:hover{gap:.5rem}.babel-blog .bb-empty,.babel-blog .bb-empty-inline{max-width:36rem;margin:0 auto;padding:2.5rem;border-radius:1.25rem;text-align:center;background:linear-gradient(135deg,rgb(255 255 255 / .08),rgb(255 255 255 / .015) 60%),rgb(17 17 17 / .6);border:1px solid rgb(255 255 255 / .1)}.babel-blog .bb-empty{margin-top:2rem}.babel-blog .bb-empty p,.babel-blog .bb-empty-inline p{margin:0;color:var(--bb-muted);font-size:.875rem}.babel-blog .bb-empty-inline{grid-column:1 / -1}.babel-blog .bb-card[hidden]{display:none}.babel-blog ::selection{background:var(--bb-primary);color:#050505}