/* Smart English Homepage Hero */
.se-home-hero {
    --se-blue-900: #073b86;
    --se-blue-800: #0759bd;
    --se-blue-600: #1684e8;
    --se-gold: #ffc229;
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    min-height: min(790px, 87vh);
    overflow: hidden;
    isolation: isolate;
    display: flex;
    align-items: center;
    direction: rtl;
    color: #fff;
    background:
        radial-gradient(circle at 80% 40%, rgba(114, 219, 255, .34), transparent 28%),
        radial-gradient(circle at 12% 14%, rgba(255, 255, 255, .14), transparent 22%),
        linear-gradient(122deg, var(--se-blue-900) 0%, var(--se-blue-800) 43%, var(--se-blue-600) 100%);
    font-family: "Tajawal", "Noto Kufi Arabic", Arial, sans-serif;
}
.se-home-hero *, .se-home-hero *::before, .se-home-hero *::after { box-sizing: border-box; }
.se-home-hero__container {
    position: relative; z-index: 2;
    width: min(1400px, calc(100% - 28px)); min-height: min(790px, 87vh); margin: 0 auto;
    display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(450px, .98fr);
    align-items: center; gap: clamp(18px, 3.5vw, 58px); padding: 66px 0 88px;
}
.se-home-hero__glow { position:absolute; z-index:-1; border-radius:50%; filter:blur(26px); pointer-events:none; }
.se-home-hero__glow--one { width:480px; height:480px; top:-250px; left:-150px; background:rgba(255,255,255,.18); }
.se-home-hero__glow--two { width:440px; height:440px; bottom:-280px; right:-130px; background:rgba(255,194,41,.14); }
.se-home-hero__grid { position:absolute; inset:0; z-index:-1; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.20) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,transparent,#000 23%,#000 82%,transparent); }
.se-home-hero__content { text-align:right; animation:seHeroEnter .7s both ease-out; }
.se-home-hero__eyebrow { display:inline-flex; align-items:center; min-height:34px; padding:0 15px; border:1px solid rgba(255,255,255,.32); border-radius:999px; background:rgba(255,255,255,.11); box-shadow:inset 0 1px 0 rgba(255,255,255,.14); color:#eaf6ff; font-size:13px; font-weight:800; }
.se-home-hero__title { max-width:670px; margin:16px 0 0; color:#fff; font-size:clamp(43px,4.65vw,71px); line-height:1.01; font-weight:900; letter-spacing:-.04em; }
.se-home-hero__title-line { display:block; }
.se-home-hero__english-title { display:block; margin-top:12px; color:#dff2ff; direction:ltr; text-align:right; font-size:clamp(13px,1.18vw,17px); font-weight:800; letter-spacing:.13em; }
.se-home-hero__subtitle { max-width:700px; margin:19px 0 0; color:#ffe18d; font-size:clamp(25px,2.5vw,39px); line-height:1.33; font-weight:900; }
.se-home-hero__description { max-width:650px; margin:20px 0 0; color:rgba(255,255,255,.93); font-size:clamp(15px,1.14vw,18px); line-height:1.95; font-weight:500; }
.se-home-hero__actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:27px; }
.se-home-hero__button { min-height:53px; display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:0 23px; border:1px solid transparent; border-radius:16px; text-decoration:none!important; font-size:16px; font-weight:900; transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease; }
.se-home-hero__button:hover { transform:translateY(-4px); }
.se-home-hero__button--primary { color:#083f88!important; background:var(--se-gold); box-shadow:0 16px 30px rgba(255,187,23,.29); }
.se-home-hero__button--primary:hover { background:#ffcf4a; box-shadow:0 21px 38px rgba(255,187,23,.40); }
.se-home-hero__button--primary span { display:inline-block; line-height:1; transition:transform .22s ease; }
.se-home-hero__button--primary:hover span { transform:translateX(-4px); }
.se-home-hero__button--secondary { color:#fff!important; border-color:rgba(255,255,255,.48); background:rgba(255,255,255,.10); }
.se-home-hero__button--secondary:hover { color:#0d5dbc!important; background:#fff; border-color:#fff; }
.se-home-hero__features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; max-width:650px; margin:25px 0 0; padding:0; list-style:none; }
.se-home-hero__features li { display:flex; align-items:center; gap:9px; min-height:43px; padding:9px 12px; border:1px solid rgba(255,255,255,.17); border-radius:13px; color:#fff; background:rgba(255,255,255,.075); font-size:13px; font-weight:700; backdrop-filter:blur(7px); }
.se-home-hero__features li span { flex:0 0 21px; width:21px; height:21px; display:inline-grid; place-items:center; border-radius:50%; color:#08458f; background:#ffe18d; font-weight:900; font-size:12px; }
.se-home-hero__visual { position:relative; width:min(535px,42vw); aspect-ratio:1; justify-self:center; animation:seHeroFloat 6s ease-in-out infinite; }
.se-home-hero__orbit { position:absolute; inset:0; border-radius:50%; pointer-events:none; }
.se-home-hero__orbit--outer { border:1px dashed rgba(255,255,255,.54); transform:scale(1.02); animation:seHeroSpin 32s linear infinite; }
.se-home-hero__orbit--inner { inset:7%; border:1px solid rgba(255,255,255,.23); box-shadow:0 0 0 14px rgba(255,255,255,.055); }
.se-home-hero__image-frame { position:absolute; inset:5.5%; overflow:hidden; display:grid; place-items:center; border:9px solid rgba(255,255,255,.20); border-radius:50%; background:rgba(255,255,255,.10); box-shadow:0 30px 70px rgba(0,30,91,.30),inset 0 0 0 1px rgba(255,255,255,.32); }
.se-home-hero__image {
    width: 118%;
    height: 118%;
    max-width: none !important;
    display: block;
    object-fit: cover;
    object-position: center center;
    transform: translateY(1%);
}
.se-home-hero__icon { --spread-x:0px; --spread-y:0px; position:absolute; z-index:3; width:clamp(52px,4.8vw,72px); aspect-ratio:1; display:grid; place-items:center; padding:11px; border:1px solid rgba(255,255,255,.47); border-radius:50%; background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.10)); box-shadow:0 18px 35px rgba(0,31,91,.24),inset 0 1px 0 rgba(255,255,255,.35); backdrop-filter:blur(11px); animation:seHeroIconGather 4.9s ease-in-out infinite; }
.se-home-hero__icon img { width:100%; height:100%; object-fit:contain; }
.se-home-hero__icon--trophy { top:-3%; right:18%; --spread-x:17px; --spread-y:-20px; }
.se-home-hero__icon--rocket { top:21%; left:-5%; --spread-x:-24px; --spread-y:-13px; animation-delay:.55s; }
.se-home-hero__icon--target { bottom:12%; left:0; --spread-x:-19px; --spread-y:17px; animation-delay:1.1s; }
.se-home-hero__icon--write { right:18%; bottom:-4%; --spread-x:17px; --spread-y:23px; animation-delay:1.65s; }
.se-home-hero__icon--graduate { top:45%; right:-5%; --spread-x:23px; --spread-y:4px; animation-delay:2.15s; }
.se-home-hero__scroll { position:absolute; z-index:3; bottom:20px; left:50%; width:27px; height:43px; display:grid; place-items:start center; padding-top:8px; border:2px solid rgba(255,255,255,.55); border-radius:999px; transform:translateX(-50%); }
.se-home-hero__scroll span { width:5px; height:9px; border-radius:9px; background:#fff; animation:seHeroScroll 1.75s ease-in-out infinite; }
@keyframes seHeroEnter { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
@keyframes seHeroFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-13px); } }
@keyframes seHeroSpin { to { transform:scale(1.02) rotate(360deg); } }
@keyframes seHeroIconGather { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(var(--spread-x),var(--spread-y),0) scale(1.14); } }
@keyframes seHeroScroll { 0% { opacity:0; transform:translateY(0); } 40% { opacity:1; } 100% { opacity:0; transform:translateY(16px); } }
@media (max-width:1050px) { .se-home-hero__container { grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr); gap:18px; } .se-home-hero__visual { width:min(460px,42vw); } }
@media (max-width:900px) { .se-home-hero { min-height:auto; } .se-home-hero__container { grid-template-columns:1fr; min-height:auto; padding:58px 0 90px; text-align:center; } .se-home-hero__content { order:2; text-align:center; } .se-home-hero__visual { order:1; width:min(450px,84vw); } .se-home-hero__title,.se-home-hero__subtitle,.se-home-hero__description { margin-right:auto; margin-left:auto; } .se-home-hero__english-title { text-align:center; } .se-home-hero__actions,.se-home-hero__features { justify-content:center; margin-right:auto; margin-left:auto; } .se-home-hero__features { width:min(640px,100%); text-align:right; } }
@media (max-width:590px) { .se-home-hero__container { width:min(100% - 24px,1400px); gap:23px; padding-top:44px; } .se-home-hero__eyebrow { font-size:12px; } .se-home-hero__title { font-size:40px; } .se-home-hero__subtitle { font-size:23px; } .se-home-hero__description { font-size:15px; line-height:1.9; } .se-home-hero__actions { display:grid; grid-template-columns:1fr; } .se-home-hero__button { width:100%; } .se-home-hero__features { grid-template-columns:1fr; gap:8px; } .se-home-hero__visual { width:min(370px,92vw); } .se-home-hero__icon { border-radius:50%; padding:8px; } .se-home-hero__scroll { bottom:16px; } }
@media (prefers-reduced-motion:reduce) { .se-home-hero *, .se-home-hero *::before, .se-home-hero *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }