﻿.sn-root{--sn-bg: #ffffff;--sn-bg-img: #C9DDF2;--sn-card: #ffffff;--sn-ink: #0B1530;--sn-ink-2: #2A3A5E;--sn-muted: #5B6B88;--sn-line: #C9D9EE;--sn-line-2: #A8BFDD;--sn-accent: #0650D4;--sn-accent-2: #0744B0;--sn-card-w: 300px;--sn-card-h: 390px;--sn-speed: 50s;--sn-r: 12px;background: var(--sn-bg);color: var(--sn-ink);direction: rtl;font-family: "Tajawal-Regular", "Tajawal", sans-serif;padding: 40px 0 32px;display: grid;grid-template-rows: auto 1fr auto;gap: 24px;position: relative}.sn-root *, .sn-root *::before, .sn-root *::after{box-sizing: border-box}.sn-header{padding: 0 40px;display: flex;justify-content: space-between;align-items: flex-end;gap: 24px;flex-wrap: wrap}.sn-eyebrow{font-family: "Tajawal-Medium", "Tajawal", sans-serif;font-size: 12px;letter-spacing: .12em;color: var(--sn-accent);margin-bottom: 10px;display: inline-flex;align-items: center;gap: 8px}.sn-dot-live{width: 7px;height: 7px;border-radius: 50%;background: var(--sn-accent);animation: sn-blip 1.4s ease-in-out infinite}.sn-title{font-family: "Tajawal-Bold", "Tajawal", sans-serif;font-weight: 700;font-size: 42px;margin: 0;line-height: 1.1;color: var(--sn-ink);letter-spacing: -0.01em}.sn-actions{display: flex;gap: 12px;align-items: center}.sn-btn{width: 48px;height: 48px;border-radius: 999px;background: #fff;border: 1px solid var(--sn-line-2);color: var(--sn-ink);font-size: 13px;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;transition: all .25s ease;box-shadow: 0 2px 6px -2px rgba(6,80,212,.15)}.sn-btn:hover{background: var(--sn-accent);color: #fff;border-color: var(--sn-accent);box-shadow: 0 6px 14px -4px rgba(6,80,212,.45)}.sn-cta{display: inline-flex;align-items: center;gap: 10px;font-family: "Tajawal-Medium", "Tajawal", sans-serif;font-size: 13px;text-decoration: none;color: #fff;padding: 12px 22px;border-radius: 999px;background: var(--sn-accent);border: 1px solid var(--sn-accent);cursor: pointer;transition: all .25s ease;white-space: nowrap}.sn-cta:hover{background: var(--sn-accent-2);border-color: var(--sn-accent-2);color: #fff;transform: translateY(-1px);box-shadow: 0 8px 18px -8px rgba(6,80,212,.55)}.sn-arr{font-size: 15px;line-height: 1}.sn-strip{position: relative;overflow: hidden;padding-block: 8px;-webkit-mask-image: linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);mask-image: linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%)}.sn-track{display: flex;direction: ltr;gap: 18px;padding-inline: 20px;width: max-content;animation: sn-drift var(--sn-speed) linear infinite}.sn-strip:hover .sn-track, .sn-root.sn-paused .sn-track{animation-play-state: paused}@keyframes sn-drift{from{transform: translateX(0)}to{transform: translateX(-50%)}}@keyframes sn-blip{0%, 100%{opacity: 1;transform: scale(1)}50%{opacity: .4;transform: scale(1.4)}}.sn-card{flex: 0 0 var(--sn-card-w);width: var(--sn-card-w);height: var(--sn-card-h);background: var(--sn-card);border-radius: var(--sn-r);overflow: hidden;cursor: pointer;display: grid;grid-template-rows: 170px 1fr;text-decoration: none;color: inherit;direction: rtl;border: 1px solid transparent;box-shadow: 0 6px 18px -8px rgba(11,21,48,.12), 0 1px 2px rgba(11,21,48,.05);transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .25s ease}.sn-card:hover{transform: translateY(-6px);border-color: var(--sn-accent);box-shadow: 0 18px 40px -12px rgba(6,80,212,.28), 0 4px 10px -2px rgba(11,21,48,.08)}.sn-image-wrap{position: relative;overflow: hidden}.sn-image{position: absolute;inset: 0;background-size: cover;background-position: center;transition: transform .6s cubic-bezier(.2,.7,.2,1)}.sn-card:hover .sn-image{transform: scale(1.07)}.sn-img-placeholder{background: repeating-linear-gradient(135deg, rgba(6,80,212,.08) 0 1px, transparent 1px 12px), var(--sn-bg-img)}.sn-chip{position: absolute;top: 14px;right: 14px;z-index: 2;display: inline-flex;align-items: center;font-family: "Tajawal-Bold", "Tajawal", sans-serif;font-size: 10px;font-weight: 700;letter-spacing: .05em;padding: 5px 12px;border-radius: 999px;background: var(--sn-accent);color: #fff;white-space: nowrap}.sn-body{padding: 16px 16px 14px;display: grid;grid-template-rows: auto 1fr auto;gap: 8px;background: var(--sn-card)}.sn-meta{font-family: "Tajawal-Regular", "Tajawal", sans-serif;font-size: 11px;letter-spacing: .08em;color: var(--sn-muted)}.sn-headline{font-family: "Tajawal-Bold", "Tajawal", sans-serif;font-weight: 700;font-size: 17px;line-height: 1.35;margin: 0 0 4px;color: var(--sn-ink);transition: color .25s ease;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.sn-card:hover .sn-headline{color: var(--sn-accent)}.sn-excerpt{margin: 0;font-family: "Tajawal-Regular", "Tajawal", sans-serif;font-size: 12px;line-height: 1.6;color: var(--sn-ink-2);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.sn-foot{padding-top: 10px;border-top: 1px solid var(--sn-line);display: flex;justify-content: space-between;align-items: center;font-family: "Tajawal-Medium", "Tajawal", sans-serif;font-size: 11px;letter-spacing: .08em;color: var(--sn-ink-2);transition: color .25s ease}.sn-card:hover .sn-foot{color: var(--sn-accent)}.sn-foot-arr{font-size: 15px;color: var(--sn-accent);transition: transform .3s ease;display: inline-block}.sn-card:hover .sn-foot-arr{transform: translateX(-6px)}.sn-footer{padding: 0 40px;display: flex;justify-content: space-between;align-items: center;gap: 18px}.sn-footer-text{font-family: "Tajawal-Regular", "Tajawal", sans-serif;font-size: 11px;letter-spacing: .1em;color: var(--sn-muted);white-space: nowrap}.sn-is-accent{color: var(--sn-accent)}.sn-footer-rule{flex: 1;height: 1px;background: var(--sn-line-2)}@media (max-width: 720px){.sn-root{--sn-card-w: 250px;--sn-card-h: 360px;padding: 28px 0 24px;gap: 18px}.sn-header{padding: 0 20px}.sn-title{font-size: 30px}.sn-footer{padding: 0 20px}}@media (prefers-reduced-motion: reduce){.sn-track{animation: none}}.dark-theme .sn-eyebrow{color: #000000}.dark-theme .sn-cta{background: black}.dark-theme .sn-chip{background: #000000}.dark-theme .sn-arr{color: #ffffff}