:root{--navy:#061a30;--navy2:#0b2f58;--blue:#2f80ed;--cyan:#22d3ee;--ink:#10233f;--muted:#61738a;--bg:#f5f9ff;--pale:#eaf3ff;--line:#dce8f6;--shadow:0 24px 70px rgba(15,33,56,.10)}.ses-home{font-family:Tajawal,Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}.ses-home *{box-sizing:border-box}.ses-home a{text-decoration:none}.ses-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.ses-brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.ses-brand strong,.ses-brand small{display:block}.ses-brand small{color:var(--muted);font-size:12px}.ses-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(47,128,237,.25)}.ses-header nav{display:flex;gap:24px}.ses-header nav a{color:#314c6b;font-weight:700}.ses-actions{display:flex;gap:9px}.ses-login,.ses-admin{padding:11px 16px;border-radius:12px;font-weight:800}.ses-login{background:var(--navy);color:#fff}.ses-admin{background:#e8f3ff;color:#17579d}.ses-hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:80px 7vw;position:relative;overflow:hidden;background:linear-gradient(130deg,#04172c,#0a2e54 58%,#0a3d67);color:#fff}.ses-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:45px 45px}.ses-orb{position:absolute;border-radius:50%}.ses-orb.one{width:340px;height:340px;background:rgba(34,211,238,.17);left:-90px;top:-80px}.ses-orb.two{width:280px;height:280px;background:rgba(47,128,237,.22);right:8%;bottom:-120px}.ses-hero-copy,.ses-visual{position:relative;z-index:2}.ses-kicker{color:#7be9ff;font-weight:900}.ses-hero h1{font-size:58px;line-height:1.18;margin:18px 0}.ses-hero h1 em{display:block;font-style:normal;color:#86c7ff;font-size:.72em;margin-top:12px}.ses-hero-copy>p:not(.ses-kicker){font-size:20px;line-height:1.9;color:#d3e4f7}.ses-buttons{display:flex;gap:12px;margin-top:30px}.ses-buttons a{padding:15px 24px;border-radius:14px;font-weight:900}.ses-buttons .primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#061a30}.ses-buttons .secondary{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.ses-visual{min-height:420px;display:grid;place-items:center}.ses-ring{width:280px;height:280px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 72px rgba(34,211,238,.035)}.ses-ring span{width:145px;height:145px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#b9dbff);color:#082442;font-size:52px;font-weight:900}.ses-buildings{position:absolute;bottom:0;display:flex;align-items:flex-end;gap:14px}.ses-buildings i{display:block;width:52px;background:linear-gradient(#dff1ff,#70b7fa);border-radius:10px 10px 0 0;opacity:.8}.ses-buildings i:nth-child(1){height:120px}.ses-buildings i:nth-child(2){height:190px}.ses-buildings i:nth-child(3){height:155px}.ses-buildings i:nth-child(4){height:240px}.ses-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:0 7vw;transform:translateY(-38px);position:relative;z-index:5;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.ses-stats article{background:#fff;padding:28px;text-align:center}.ses-stats strong{display:block;font-size:34px;color:#0d4b8d}.ses-stats strong small{font-size:18px}.ses-stats span{color:var(--muted);font-weight:700}.ses-section{padding:78px 7vw}.ses-section.pale{background:var(--pale)}.ses-title{max-width:780px;margin:0 auto 38px;text-align:center}.ses-title span{color:#2173c9;font-weight:900}.ses-title h2{font-size:38px;margin:10px 0}.ses-title p{color:var(--muted);font-size:18px}.ses-cards{display:grid;gap:22px}.ses-cards.four{grid-template-columns:repeat(4,1fr)}.ses-cards.three{grid-template-columns:repeat(3,1fr)}.ses-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;color:var(--ink);box-shadow:0 12px 35px rgba(15,33,56,.06);transition:.25s}.ses-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.ses-card h3{font-size:22px;margin:14px 0 10px}.ses-card p{color:var(--muted);line-height:1.8}.service b{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e8f3ff;color:#1267bc}.project>span,.program span{display:inline-block;padding:7px 11px;border-radius:30px;background:#e8f3ff;color:#1764ad;font-weight:800}.person{text-align:center}.avatar{width:105px;height:105px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(135deg,#d8edff,#78b7ff);color:#07315a;font-size:42px;font-weight:900}.person small{color:#1a6fc0;font-weight:800}.program>div{display:flex;justify-content:space-between;align-items:center}.branches{background:linear-gradient(135deg,#061a30,#0c3a68);color:#fff}.branches .ses-title p{color:#cddff3}.branch-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.branch-grid span{padding:18px 10px;text-align:center;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:16px;font-weight:800}.news time{color:#1c70bf;font-weight:800}.ses-partners{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 7vw}.ses-partners span{text-align:center;padding:28px 16px;border-left:1px solid var(--line);font-weight:900;color:#345a82}.ses-footer{background:#04172c;color:#fff;padding:55px 7vw 25px;display:grid;grid-template-columns:2fr 1fr;gap:40px}.ses-footer p{color:#bcd0e5}.ses-footer .copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#92abc4;text-align:center}@media(max-width:1050px){.ses-header nav{display:none}.ses-hero{grid-template-columns:1fr}.ses-visual{display:none}.ses-cards.four{grid-template-columns:repeat(2,1fr)}.branch-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.ses-header{padding:0 18px}.ses-brand small,.ses-admin{display:none}.ses-hero{padding:60px 24px;min-height:600px}.ses-hero h1{font-size:39px}.ses-stats{grid-template-columns:repeat(2,1fr);margin:0 18px}.ses-section{padding:60px 22px}.ses-cards.four,.ses-cards.three{grid-template-columns:1fr}.branch-grid{grid-template-columns:repeat(2,1fr)}.ses-partners{grid-template-columns:repeat(2,1fr)}.ses-footer{grid-template-columns:1fr}.ses-buttons{flex-direction:column}}

/* ===== SES Neon interaction upgrade ===== */

.ses-header nav a,
.ses-actions a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        transform .22s ease,
        color .22s ease,
        background-color .22s ease,
        box-shadow .22s ease;
    animation: sesMenuEnter .58s both;
    animation-delay: var(--menu-delay, 0ms);
    will-change: transform;
}

.ses-header nav a::after {
    content: "";
    position: absolute;
    right: 16%;
    left: 16%;
    bottom: -7px;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(
        90deg,
        transparent,
        #29d9ff,
        #7a8cff,
        transparent
    );
    opacity: 0;
    transform: scaleX(.25);
    transition: opacity .22s ease, transform .22s ease;
    box-shadow: 0 0 12px rgba(41, 217, 255, .85);
}

.ses-header nav a:hover::after {
    opacity: 1;
    transform: scaleX(1);
}

.ses-header nav a:hover {
    color: #049ed0;
    text-shadow: 0 0 14px rgba(41, 217, 255, .42);
}

.ses-actions a:hover {
    box-shadow:
        0 10px 30px rgba(13, 57, 99, .18),
        0 0 24px rgba(41, 217, 255, .20);
}

@keyframes sesMenuEnter {
    from {
        opacity: 0;
        transform: translateY(-13px);
        filter: blur(7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.ses-hero {
    isolation: isolate;
    overflow: hidden;
    min-height: 600px;
}

#sesParticles {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.ses-hero-copy,
.ses-visual {
    position: relative;
    z-index: 5;
}

.ses-grid {
    z-index: 0;
}

.ses-fluid {
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(24px);
    opacity: .42;
    mix-blend-mode: screen;
    animation: sesFluidMove 11s ease-in-out infinite alternate;
}

.ses-fluid-a {
    width: 420px;
    height: 420px;
    top: -170px;
    right: -110px;
    background:
        radial-gradient(
            circle at 36% 38%,
            rgba(47, 224, 255, .82),
            rgba(27, 91, 210, .35) 48%,
            transparent 72%
        );
}

.ses-fluid-b {
    width: 510px;
    height: 510px;
    left: -210px;
    bottom: -230px;
    animation-delay: -4s;
    background:
        radial-gradient(
            circle at 58% 38%,
            rgba(95, 91, 255, .68),
            rgba(11, 182, 228, .30) 50%,
            transparent 74%
        );
}

.ses-fluid-c {
    width: 270px;
    height: 270px;
    left: 42%;
    top: 14%;
    animation-delay: -7s;
    background:
        radial-gradient(
            circle,
            rgba(38, 213, 255, .38),
            rgba(62, 83, 226, .18) 54%,
            transparent 72%
        );
}

@keyframes sesFluidMove {
    0% {
        transform: translate3d(-22px, -14px, 0) scale(.92) rotate(-8deg);
    }

    55% {
        transform: translate3d(36px, 26px, 0) scale(1.08) rotate(8deg);
    }

    100% {
        transform: translate3d(-8px, 54px, 0) scale(1.18) rotate(16deg);
    }
}

.ses-reveal {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(9px);
    animation: sesRevealUp .75s cubic-bezier(.2, .8, .2, 1) forwards;
}

.reveal-1 {
    animation-delay: .08s;
}

.reveal-2 {
    animation-delay: .22s;
}

.reveal-3 {
    animation-delay: .38s;
}

.reveal-4 {
    animation-delay: .56s;
}

.reveal-5 {
    animation-delay: .72s;
}

@keyframes sesRevealUp {
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.ses-hero-copy h1 {
    text-shadow:
        0 0 22px rgba(45, 195, 255, .12),
        0 14px 40px rgba(0, 0, 0, .20);
}

.ses-hero-copy h1 em {
    display: block;
    color: #58c6ff;
    text-shadow:
        0 0 18px rgba(55, 204, 255, .45),
        0 0 40px rgba(77, 104, 255, .22);
}

.ses-float-button {
    position: relative;
    overflow: hidden;
    will-change: transform;
    transition:
        transform .18s ease,
        box-shadow .24s ease,
        background-color .24s ease;
}

.ses-float-button::before {
    content: "";
    position: absolute;
    top: -160%;
    left: -35%;
    width: 42%;
    height: 420%;
    transform: rotate(24deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, .58),
        transparent
    );
    transition: left .55s ease;
}

.ses-float-button:hover::before {
    left: 125%;
}

.ses-float-button:hover {
    box-shadow:
        0 14px 35px rgba(14, 184, 235, .27),
        0 0 28px rgba(56, 213, 255, .20);
}

.ses-ring {
    animation: sesRingFloat 5.2s ease-in-out infinite;
    box-shadow:
        0 0 0 1px rgba(92, 207, 255, .26),
        0 0 45px rgba(33, 182, 255, .17);
}

@keyframes sesRingFloat {
    0%, 100% {
        transform: translateY(0) rotate(-1deg);
    }

    50% {
        transform: translateY(-15px) rotate(1.5deg);
    }
}

@media (max-width: 900px) {
    .ses-hero {
        min-height: auto;
    }

    .ses-fluid {
        opacity: .26;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ses-reveal,
    .ses-header nav a,
    .ses-actions a,
    .ses-fluid,
    .ses-ring {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}

/* تقليل ارتفاع الـ Hero */
.ses-hero {
    min-height: 470px !important;
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.ses-hero-copy {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ses-visual {
    transform: scale(.88);
    transform-origin: center;
}

@media (max-width: 900px) {
    .ses-hero {
        min-height: 520px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ses-visual {
        transform: scale(.78);
    }
}

/* ===== Floating header texts + interactive cards ===== */

.ses-header nav a {
    --float-delay: 0ms;
    opacity: 0;
    animation:
        sesHeaderDrop .72s cubic-bezier(.18,.82,.25,1) forwards,
        sesHeaderFloat 3.8s ease-in-out infinite;
    animation-delay:
        var(--float-delay),
        calc(var(--float-delay) + .8s);
    transform-origin: center;
    will-change: transform;
}

.ses-header nav a:nth-child(1) { --float-delay: 80ms; }
.ses-header nav a:nth-child(2) { --float-delay: 150ms; }
.ses-header nav a:nth-child(3) { --float-delay: 220ms; }
.ses-header nav a:nth-child(4) { --float-delay: 290ms; }
.ses-header nav a:nth-child(5) { --float-delay: 360ms; }
.ses-header nav a:nth-child(6) { --float-delay: 430ms; }

.ses-brand {
    opacity: 0;
    animation:
        sesHeaderDrop .75s cubic-bezier(.18,.82,.25,1) forwards,
        sesBrandFloat 4.2s ease-in-out 1s infinite;
}

.ses-actions a {
    opacity: 0;
    animation:
        sesHeaderDrop .72s cubic-bezier(.18,.82,.25,1) forwards,
        sesHeaderFloat 4s ease-in-out infinite;
}

.ses-actions a:nth-child(1) {
    animation-delay: 500ms, 1.3s;
}

.ses-actions a:nth-child(2) {
    animation-delay: 590ms, 1.45s;
}

@keyframes sesHeaderDrop {
    0% {
        opacity: 0;
        transform: translateY(-26px) scale(.92);
        filter: blur(8px);
    }

    65% {
        opacity: 1;
        transform: translateY(4px) scale(1.02);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes sesHeaderFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}

@keyframes sesBrandFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

.ses-header nav a:hover {
    z-index: 5;
    color: #009dcc;
    text-shadow:
        0 0 12px rgba(41, 217, 255, .56),
        0 0 28px rgba(41, 217, 255, .22);
}

.ses-card,
.ses-stats article,
.branch-grid span,
.ses-partners span {
    --card-x: 0px;
    --card-y: 0px;
    position: relative;
    overflow: hidden;
    transform:
        perspective(900px)
        translate3d(var(--card-x), var(--card-y), 0)
        rotateX(0deg)
        rotateY(0deg);
    transition:
        transform .2s ease,
        box-shadow .25s ease,
        border-color .25s ease;
    will-change: transform;
}

.ses-card::before,
.ses-stats article::before,
.branch-grid span::before,
.ses-partners span::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    background:
        radial-gradient(
            circle at var(--glow-x, 50%) var(--glow-y, 50%),
            rgba(53, 211, 255, .22),
            transparent 42%
        );
    transition: opacity .22s ease;
}

.ses-card:hover::before,
.ses-stats article:hover::before,
.branch-grid span:hover::before,
.ses-partners span:hover::before {
    opacity: 1;
}

.ses-card > *,
.ses-stats article > *,
.branch-grid span > *,
.ses-partners span > * {
    position: relative;
    z-index: 1;
}

.ses-card:hover,
.ses-stats article:hover,
.branch-grid span:hover,
.ses-partners span:hover {
    border-color: rgba(53, 211, 255, .54);
    box-shadow:
        0 18px 42px rgba(8, 42, 78, .15),
        0 0 30px rgba(42, 200, 255, .14);
}

@media (prefers-reduced-motion: reduce) {
    .ses-header nav a,
    .ses-brand,
    .ses-actions a {
        opacity: 1 !important;
        animation: none !important;
        transform: none !important;
    }

    .ses-card,
    .ses-stats article,
    .branch-grid span,
    .ses-partners span {
        transform: none !important;
    }
}

/* ===== Syria branches interactive map ===== */

.ses-map-section {
    background:
        radial-gradient(
            circle at 16% 18%,
            rgba(38, 204, 255, .10),
            transparent 34%
        ),
        linear-gradient(180deg, #f7fbff, #edf6ff);
}

.ses-map-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(260px, .7fr);
    gap: 24px;
    align-items: stretch;
    max-width: 1180px;
    margin: 34px auto 0;
}

.ses-syria-map {
    width: 100%;
    min-height: 520px;
    border: 1px solid rgba(18, 88, 142, .16);
    border-radius: 28px;
    overflow: hidden;
    background: #dcecf7;
    box-shadow:
        0 24px 60px rgba(13, 53, 91, .13),
        inset 0 0 0 1px rgba(255, 255, 255, .7);
    direction: ltr;
}

.ses-map-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    padding: 32px;
    border: 1px solid rgba(18, 88, 142, .14);
    border-radius: 28px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .96),
            rgba(239, 248, 255, .92)
        );
    box-shadow: 0 20px 52px rgba(13, 53, 91, .10);
}

.ses-map-label {
    color: #058dbe;
    font-weight: 700;
    margin-bottom: 10px;
}

.ses-map-panel h3 {
    margin: 0 0 14px;
    color: #082847;
    font-size: 28px;
}

.ses-map-panel p {
    color: #52677b;
    line-height: 1.9;
    margin-bottom: 24px;
}

.ses-map-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 20px;
    border-radius: 14px;
    color: #fff !important;
    background: linear-gradient(135deg, #1767c8, #19bfe7);
    text-decoration: none !important;
    font-weight: 700;
    opacity: .55;
    pointer-events: none;
    transition:
        transform .2s ease,
        opacity .2s ease,
        box-shadow .2s ease;
}

.ses-map-button.is-active {
    opacity: 1;
    pointer-events: auto;
    box-shadow: 0 12px 28px rgba(20, 158, 216, .24);
}

.ses-map-button.is-active:hover {
    transform: translateY(-3px);
}

.ses-map-pin-wrapper {
    background: transparent;
    border: 0;
}

.ses-map-pin {
    position: relative;
    display: block;
    width: 26px;
    height: 34px;
    border-radius: 50% 50% 50% 8px;
    transform: rotate(-45deg);
    background: linear-gradient(135deg, #0b4fb5, #23d5ff);
    border: 2px solid rgba(255, 255, 255, .95);
    box-shadow:
        0 7px 16px rgba(0, 59, 116, .30),
        0 0 18px rgba(32, 209, 255, .55);
    cursor: pointer;
}

.ses-map-pin::before,
.ses-map-pin::after {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 2px solid rgba(34, 208, 255, .46);
    animation: sesMapPulse 2s ease-out infinite;
}

.ses-map-pin::after {
    animation-delay: 1s;
}

.ses-map-pin i {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 8px rgba(255, 255, 255, .9);
}

@keyframes sesMapPulse {
    0% {
        opacity: .75;
        transform: scale(.55);
    }

    100% {
        opacity: 0;
        transform: scale(1.75);
    }
}

.ses-map-tooltip {
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #082847 !important;
    color: #fff !important;
    font-family: inherit;
    font-weight: 700;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

.ses-map-tooltip::before {
    border-top-color: #082847 !important;
}

.ses-syria-map .leaflet-control-zoom a {
    color: #0c4b7b;
}

.ses-syria-map .leaflet-control-attribution {
    font-size: 10px;
}

@media (max-width: 900px) {
    .ses-map-layout {
        grid-template-columns: 1fr;
    }

    .ses-syria-map {
        min-height: 430px;
    }

    .ses-map-panel {
        min-height: auto;
    }
}

@media (max-width: 560px) {
    .ses-syria-map {
        min-height: 370px;
        border-radius: 20px;
    }

    .ses-map-panel {
        padding: 24px;
        border-radius: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ses-map-pin::before,
    .ses-map-pin::after {
        animation: none !important;
    }
}

/* شعار نقابة المهندسين السورية */
.ses-official-logo {
    width: 58px;
    height: 58px;
    display: block;
    flex: 0 0 58px;
    border-radius: 50%;
    object-fit: cover;
    background: #eef8ff;
    border: 2px solid rgba(20, 87, 157, .18);
    box-shadow:
        0 8px 22px rgba(7, 48, 91, .16),
        0 0 18px rgba(49, 182, 232, .12);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.ses-brand:hover .ses-official-logo {
    transform: translateY(-3px) rotate(-2deg) scale(1.06);
    box-shadow:
        0 12px 28px rgba(7, 48, 91, .22),
        0 0 25px rgba(49, 182, 232, .25);
}

.ses-footer .ses-official-logo {
    width: 82px;
    height: 82px;
    margin-bottom: 14px;
}

@media (max-width: 700px) {
    .ses-official-logo {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }
}

/* شعار نقابة المهندسين السورية */
.ses-official-logo {
    width: 58px;
    height: 58px;
    display: block;
    flex: 0 0 58px;
    border-radius: 50%;
    object-fit: cover;
    background: #eef8ff;
    border: 2px solid rgba(20, 87, 157, .18);
    box-shadow:
        0 8px 22px rgba(7, 48, 91, .16),
        0 0 18px rgba(49, 182, 232, .12);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.ses-brand:hover .ses-official-logo {
    transform: translateY(-3px) rotate(-2deg) scale(1.06);
    box-shadow:
        0 12px 28px rgba(7, 48, 91, .22),
        0 0 25px rgba(49, 182, 232, .25);
}

.ses-footer .ses-official-logo {
    width: 82px;
    height: 82px;
    margin-bottom: 14px;
}

@media (max-width: 700px) {
    .ses-official-logo {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }
}

/* ===== قسم فيديوهات النشاطات واللقاءات ===== */

.ses-videos-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(24, 194, 238, .10),
            transparent 32%
        ),
        linear-gradient(180deg, #ffffff, #f2f8fd);
}

.ses-video-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    max-width: 1180px;
    margin: 34px auto 0;
}

.ses-video-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(13, 74, 121, .13);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(7, 47, 82, .09);
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease;
}

.ses-video-card:hover {
    transform: translateY(-7px);
    border-color: rgba(29, 190, 232, .45);
    box-shadow:
        0 25px 58px rgba(7, 47, 82, .15),
        0 0 28px rgba(29, 190, 232, .12);
}

.ses-video-media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background:
        radial-gradient(
            circle at center,
            rgba(37, 202, 244, .18),
            transparent 44%
        ),
        #071f39;
}

.ses-video-media iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ses-video-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.ses-play-icon {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    padding-right: 4px;
    border-radius: 50%;
    color: #06233e;
    background: linear-gradient(135deg, #fff, #6ee2ff);
    box-shadow:
        0 0 0 10px rgba(79, 211, 244, .09),
        0 0 34px rgba(54, 211, 249, .36);
    animation: sesVideoPulse 2.4s ease-in-out infinite;
}

@keyframes sesVideoPulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

.ses-video-content {
    padding: 22px;
}

.ses-video-content h3 {
    margin: 0 0 10px;
    color: #082847;
    font-size: 21px;
}

.ses-video-content p {
    min-height: 54px;
    margin: 0 0 17px;
    color: #617589;
    line-height: 1.8;
}

.ses-video-content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 17px;
    border-radius: 12px;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    background: linear-gradient(135deg, #125fc0, #1fc5eb);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.ses-video-content a:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(22, 165, 219, .24);
}

@media (max-width: 760px) {
    .ses-video-grid {
        grid-template-columns: 1fr;
    }

    .ses-video-content p {
        min-height: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ses-play-icon {
        animation: none !important;
    }
}

/* ===== قسم فيديوهات النشاطات واللقاءات ===== */

.ses-videos-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(24, 194, 238, .10),
            transparent 32%
        ),
        linear-gradient(180deg, #ffffff, #f2f8fd);
}

.ses-video-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    max-width: 1180px;
    margin: 34px auto 0;
}

.ses-video-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(13, 74, 121, .13);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(7, 47, 82, .09);
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease;
}

.ses-video-card:hover {
    transform: translateY(-7px);
    border-color: rgba(29, 190, 232, .45);
    box-shadow:
        0 25px 58px rgba(7, 47, 82, .15),
        0 0 28px rgba(29, 190, 232, .12);
}

.ses-video-media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background:
        radial-gradient(
            circle at center,
            rgba(37, 202, 244, .18),
            transparent 44%
        ),
        #071f39;
}

.ses-video-media iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ses-video-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.ses-play-icon {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    padding-right: 4px;
    border-radius: 50%;
    color: #06233e;
    background: linear-gradient(135deg, #fff, #6ee2ff);
    box-shadow:
        0 0 0 10px rgba(79, 211, 244, .09),
        0 0 34px rgba(54, 211, 249, .36);
    animation: sesVideoPulse 2.4s ease-in-out infinite;
}

@keyframes sesVideoPulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

.ses-video-content {
    padding: 22px;
}

.ses-video-content h3 {
    margin: 0 0 10px;
    color: #082847;
    font-size: 21px;
}

.ses-video-content p {
    min-height: 54px;
    margin: 0 0 17px;
    color: #617589;
    line-height: 1.8;
}

.ses-video-content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 17px;
    border-radius: 12px;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    background: linear-gradient(135deg, #125fc0, #1fc5eb);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.ses-video-content a:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(22, 165, 219, .24);
}

@media (max-width: 760px) {
    .ses-video-grid {
        grid-template-columns: 1fr;
    }

    .ses-video-content p {
        min-height: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ses-play-icon {
        animation: none !important;
    }
}

/* ===== Partner logos ===== */

.ses-partners {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 18px;
    align-items: stretch;
    max-width: 1180px;
    margin: 0 auto;
    padding: 42px 24px;
}

.ses-partner-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 150px;
    padding: 18px;
    border: 1px solid rgba(14, 70, 112, .12);
    border-radius: 18px;
    color: #082847 !important;
    text-align: center;
    text-decoration: none !important;
    background: #fff;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.ses-partner-card:hover {
    transform: translateY(-5px);
    border-color: rgba(25, 190, 232, .42);
    box-shadow:
        0 16px 36px rgba(7, 47, 82, .12),
        0 0 24px rgba(27, 198, 236, .10);
}

.ses-partner-card img {
    width: 100%;
    max-width: 130px;
    height: 72px;
    object-fit: contain;
    display: block;
}

.ses-partner-fallback {
    display: grid;
    place-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    background: linear-gradient(135deg, #0b4fb5, #23d5ff);
}

.ses-partner-card strong {
    font-size: 15px;
}

/* =======================================================
   MOTION ENGINE V2 - PART 1
   ======================================================= */

:root{
    --float-distance:4px;
    --float-speed:7s;
    --breath-speed:5.5s;
}

/* جميع عناصر الصفحة تتحرك عبر GPU */
.ses-card,
.ses-video-card,
.ses-partner-card,
.ses-map-panel,
.ses-title,
.ses-stats article,
.ses-hero-copy,
.ses-float-button,
.ses-hero h1,
.ses-hero p,
.ses-section{

    will-change:transform;
    transform:translateZ(0);
    backface-visibility:hidden;

}

/* تنفس العنوان */

.ses-hero h1{

    animation:
        sesHeroBreath var(--breath-speed) ease-in-out infinite;

}

/* تنفس النص */

.ses-hero p{

    animation:
        sesTextBreath 6.2s ease-in-out infinite;

}

/* الأزرار */

.ses-float-button{

    animation:
        sesButtonFloat 6.8s ease-in-out infinite;

}

/* البطاقات */

.ses-card{

    animation:
        sesCardFloat var(--float-speed) ease-in-out infinite;

}

.ses-card:nth-child(2n){

    animation-delay:-2s;

}

.ses-card:nth-child(3n){

    animation-delay:-4s;

}

.ses-card:nth-child(4n){

    animation-delay:-1s;

}

/* أقسام الصفحة */

.ses-section{

    animation:
        sesSectionFloat 11s ease-in-out infinite;

}

@keyframes sesHeroBreath{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-3px);

}

}

@keyframes sesTextBreath{

0%,100%{

transform:translateY(0px);

opacity:.96;

}

50%{

transform:translateY(-2px);

opacity:1;

}

}

@keyframes sesButtonFloat{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-4px);

}

}

@keyframes sesCardFloat{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(calc(var(--float-distance) * -1));

}

}

@keyframes sesSectionFloat{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-2px);

}

}

@media(max-width:768px){

:root{

--float-distance:2px;

}

}



/* HOMEPAGE CMS V3 PART 1 */
.ses-hero{min-height:var(--ses-hero-desktop-height,650px);background-size:cover;background-repeat:no-repeat}
.ses-footer-builder{background-size:cover;background-position:center;grid-template-columns:minmax(240px,2fr) repeat(auto-fit,minmax(150px,1fr));position:relative}
.ses-footer-column,.ses-footer-contact,.ses-footer-about{position:relative;z-index:1}
.ses-footer-column{display:flex;flex-direction:column;gap:10px}
.ses-footer-column a{color:#c9dcef;transition:.2s}
.ses-footer-column a:hover{color:#fff;transform:translateX(-3px)}
.ses-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ses-socials a{color:#fff;border:1px solid rgba(255,255,255,.22);padding:7px 11px;border-radius:999px;font-size:13px}
@media(max-width:650px){.ses-hero{min-height:var(--ses-hero-mobile-height,600px)}.ses-footer-builder{grid-template-columns:1fr}}

/* Fix language switch visibility */
.ses-lang-switch,
.ses-header .ses-lang-switch,
.ses-actions .ses-lang-switch {
    color: #0b2d55 !important;
    background: #ffffff !important;
    border: 1px solid rgba(11, 45, 85, 0.18) !important;
    font-weight: 800 !important;
    min-width: 64px;
    text-align: center;
}

.ses-lang-switch:hover,
.ses-lang-switch:focus {
    color: #ffffff !important;
    background: #0b2d55 !important;
}