

[data-theme=bassel-1]{--bs1-deep-navy:#03045e;--bs1-blue:#0077b6;--bs1-cyan:#00b4d8;--bs1-cyan-soft:#90e0ef;--bs1-cyan-pale:#caf0f8;--bs1-bg-page:#f6fbff;--bs1-bg-card:#fff;--bs1-text-primary:#03045e;--bs1-text-on-dark:#fff;--bs1-text-muted:#0a3d5c;--bs1-text-soft:#5a7a8c;--bs1-border:#caf0f8;--bs1-border-strong:#90e0ef;--bs1-border-light:#e6f4f9;--bs1-sh-md:0 4px 12px -2px #03045e1a, 0 2px 6px -2px #0077b60f;--bs1-sh-lg:0 16px 40px -8px #03045e2e, 0 8px 20px -6px #00b4d81f;--bs1-sh-cyan:0 8px 28px -4px #00b4d852;--bs1-font-display:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--bs1-font-body:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--bs1-ease:cubic-bezier(.22, 1, .36, 1);--bs1-content-max:1200px;--bs1-content-pad:24px}@media (max-width:1024px){[data-theme=bassel-1]{--bs1-content-pad:20px}}@media (max-width:640px){[data-theme=bassel-1]{--bs1-content-pad:14px}}
[data-theme=bassel-1]{color:var(--bs1-text-primary);background-color:var(--bs1-bg-page);font-family:var(--bs1-font-body)}[data-theme=bassel-1] h1,[data-theme=bassel-1] h2,[data-theme=bassel-1] h3,[data-theme=bassel-1] h4,[data-theme=bassel-1] h5,[data-theme=bassel-1] h6,[data-theme=bassel-1] p{font-family:var(--bs1-font-display);margin:0}[data-theme=bassel-1] a{text-decoration:none}[data-theme=bassel-1] button{font-family:var(--bs1-font-body);cursor:pointer}[data-theme=bassel-1] main>[data-anim=fade-up]{opacity:0;transition:opacity .6s var(--bs1-ease), transform .6s var(--bs1-ease);will-change:opacity, transform;transform:translateY(24px)}[data-theme=bassel-1] main>[data-anim=fade-up][data-in-view="1"]{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){[data-theme=bassel-1] main>[data-anim=fade-up]{opacity:1;transition:none;transform:none}}[data-theme=bassel-1] .bs1-shell{width:100%;max-width:var(--bs1-content-max);padding:0 var(--bs1-content-pad);box-sizing:border-box;margin:0 auto}[data-theme=bassel-1] .bs1-pill{background:var(--bs1-cyan-pale);color:var(--bs1-deep-navy);letter-spacing:.02em;border:1px solid var(--bs1-cyan-soft);border-radius:9999px;align-self:flex-start;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}[data-theme=bassel-1] .bs1-btn-primary{min-height:48px;font-family:var(--bs1-font-display);background:var(--bs1-deep-navy);color:#fff;box-shadow:var(--bs1-sh-md);transition:transform .22s var(--bs1-ease), box-shadow .22s var(--bs1-ease), background .22s var(--bs1-ease);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}[data-theme=bassel-1] .bs1-btn-primary:hover{background:var(--bs1-blue);box-shadow:var(--bs1-sh-cyan);transform:translateY(-2px)}[data-theme=bassel-1] .bs1-btn-secondary{min-height:48px;font-family:var(--bs1-font-display);color:var(--bs1-deep-navy);border:2px solid var(--bs1-cyan);transition:transform .22s var(--bs1-ease), background .22s var(--bs1-ease);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}[data-theme=bassel-1] .bs1-btn-secondary:hover{background:var(--bs1-cyan);transform:translateY(-2px)}[data-theme=bassel-1] [data-force-light]{--bg-page:var(--bs1-bg-page)!important;--bg-card:var(--bs1-bg-card)!important;--bg-surface:var(--bs1-border-light)!important;--text-primary:var(--bs1-text-primary)!important;--text-secondary:var(--bs1-text-muted)!important;--text-muted:var(--bs1-text-soft)!important;--text-link:var(--bs1-cyan)!important;--text-link-hover:var(--bs1-blue)!important;--border-default:var(--bs1-border)!important;--border-strong:var(--bs1-border-strong)!important;--border-focus:var(--bs1-cyan)!important;--input-bg:var(--bs1-bg-card)!important;--input-border:var(--bs1-border)!important;background-color:var(--bs1-bg-page)!important;color:var(--bs1-text-primary)!important}
.bs1-hero{background:var(--bs1-deep-navy);width:100%;height:80vh;min-height:560px;position:relative;overflow:hidden}@media (max-width:768px){.bs1-hero{height:auto;min-height:400px}}.bs1-hero__slide{opacity:0;transition:opacity .6s var(--bs1-ease);align-items:center;display:flex;position:absolute;inset:0}.bs1-hero__slide.is-active{opacity:1}.bs1-hero__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bs1-hero__overlay{background:linear-gradient(#03045e33 0%,#03045eb3 100%);position:absolute;inset:0}.bs1-hero__content{z-index:1;text-align:right;flex-direction:column;align-items:flex-start;gap:24px;max-width:700px;display:flex;position:relative}.bs1-hero__title{color:#fff;letter-spacing:-.02em;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.1}.bs1-hero__subtitle{color:#ffffffe6;max-width:580px;font-size:clamp(16px,2vw,20px);line-height:1.6}.bs1-hero__dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.bs1-hero__dot{cursor:pointer;width:32px;height:4px;transition:background .22s var(--bs1-ease);background:#fff6;border:none;border-radius:2px}.bs1-hero__dot.is-active{background:var(--bs1-cyan)}
.bs1-stats{background:linear-gradient(135deg, var(--bs1-deep-navy), var(--bs1-blue));padding:80px 0;position:relative;overflow:hidden}.bs1-stats:before{content:"";top:-160px;filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#00b4d84d,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;inset-inline-end:-160px}.bs1-stats:after{content:"";bottom:-140px;filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#90e0ef38,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;inset-inline-start:-140px}.bs1-stats__row{z-index:1;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:32px;display:flex;position:relative}.bs1-stats__cell{text-align:center;min-width:160px;transition:transform .24s var(--bs1-ease);flex-direction:column;flex:1 1 0;align-items:center;gap:16px;display:flex}.bs1-stats__cell:hover{transform:translateY(-2px)}.bs1-stats__v{font-family:var(--bs1-font-display);color:#fff;letter-spacing:-.03em;font-size:clamp(24px,6vw,80px);font-weight:700;line-height:1}.bs1-stats__rule{background:var(--bs1-cyan-pale);opacity:.7;border-radius:9999px;width:40px;height:2px}.bs1-stats__label{color:#fff;letter-spacing:.04em;font-size:15px;font-weight:500}.bs1-stats__mark{color:var(--bs1-cyan);font-size:10px}
.bs1-about{background:var(--bs1-bg-page);padding:96px 0}.bs1-about__row{flex-wrap:wrap;align-items:center;gap:64px;display:flex}.bs1-about__text{flex-direction:column;flex:420px;align-items:flex-start;gap:24px;max-width:580px;display:flex}.bs1-about__heading{font-family:var(--bs1-font-display);color:var(--bs1-deep-navy);letter-spacing:-.02em;white-space:pre-line;font-size:clamp(32px,4.8vw,52px);font-weight:700;line-height:1.15}.bs1-about__p1{color:var(--bs1-text-muted);font-size:17px;line-height:1.75}.bs1-about__p2{color:var(--bs1-text-soft);font-size:15px;line-height:1.75}.bs1-about__media{max-width:560px;box-shadow:var(--bs1-sh-lg);aspect-ratio:16/9;border-radius:24px;flex:360px;overflow:hidden}.bs1-about__media img{object-fit:cover;width:100%;height:100%;display:block}
.bs1-courses{background:var(--bs1-bg-page);padding:96px 0}.bs1-courses__head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:48px;display:flex}.bs1-courses__heading{font-family:var(--bs1-font-display);color:var(--bs1-deep-navy);letter-spacing:-.02em;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.15}.bs1-courses__sub{color:var(--bs1-text-muted);max-width:640px;font-size:17px;line-height:1.75}.bs1-courses__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (max-width:1024px){.bs1-courses__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.bs1-courses__grid{grid-template-columns:1fr}}.bs1-courses__card{background:var(--bs1-bg-card);border:1px solid var(--bs1-border);transition:transform .22s var(--bs1-ease), box-shadow .22s var(--bs1-ease);color:inherit;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.bs1-courses__card:hover{box-shadow:var(--bs1-sh-lg);transform:translateY(-4px)}.bs1-courses__card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.bs1-courses__body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.bs1-courses__title{color:var(--bs1-deep-navy);font-size:18px;font-weight:600;line-height:1.4}.bs1-courses__instructor{color:var(--bs1-text-muted);font-size:14px}.bs1-courses__bottom{border-top:1px solid var(--bs1-border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.bs1-courses__price{color:var(--bs1-deep-navy);font-size:16px;font-weight:700}
.bs1-teachers{background:var(--bs1-bg-card);padding:96px 0}.bs1-teachers__head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:48px;display:flex}.bs1-teachers__heading{color:var(--bs1-deep-navy);letter-spacing:-.02em;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.15}.bs1-teachers__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}@media (max-width:1024px){.bs1-teachers__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.bs1-teachers__grid{grid-template-columns:1fr}}.bs1-teachers__card{background:var(--bs1-bg-page);text-align:center;border:1px solid var(--bs1-border);transition:transform .22s var(--bs1-ease), box-shadow .22s var(--bs1-ease);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.bs1-teachers__card:hover{box-shadow:var(--bs1-sh-cyan);transform:translateY(-4px)}.bs1-teachers__avatar{object-fit:cover;border:3px solid var(--bs1-cyan-soft);border-radius:50%;width:96px;height:96px}.bs1-teachers__info{flex-direction:column;gap:4px;display:flex}.bs1-teachers__name{color:var(--bs1-deep-navy);font-size:16px;font-weight:700}.bs1-teachers__subject{color:var(--bs1-text-muted);font-size:14px}.bs1-teachers__rating{color:var(--bs1-cyan);font-size:13px;font-weight:600}
.bs1-gallery{background:var(--bs1-bg-page);padding:96px 0}.bs1-gallery__head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:48px;display:flex}.bs1-gallery__heading{color:var(--bs1-deep-navy);letter-spacing:-.02em;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.15}.bs1-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:12px;display:grid}.bs1-gallery__cell{transition:transform .22s var(--bs1-ease), box-shadow .22s var(--bs1-ease);border-radius:16px;overflow:hidden}.bs1-gallery__cell:hover{box-shadow:var(--bs1-sh-lg);transform:scale(1.02)}.bs1-gallery__cell img{object-fit:cover;width:100%;height:100%;display:block}.bs1-gallery__cell--0,.bs1-gallery__cell--3{grid-column:span 2}@media (max-width:768px){.bs1-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bs1-gallery__cell--0,.bs1-gallery__cell--3{grid-column:span 2}}
.bs1-reviews{background:var(--bs1-bg-card);padding:96px 0;overflow:hidden}.bs1-reviews__head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:48px;display:flex}.bs1-reviews__heading{color:var(--bs1-deep-navy);letter-spacing:-.02em;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.15}.bs1-reviews__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-height:600px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%)}@media (max-width:1024px){.bs1-reviews__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.bs1-reviews__grid{grid-template-columns:1fr;max-height:800px}}.bs1-reviews__col{flex-direction:column;gap:20px;animation:40s linear infinite bs1-marquee-up;display:flex}.bs1-reviews__col--reverse{animation-direction:reverse}@keyframes bs1-marquee-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.bs1-reviews__card{background:var(--bs1-bg-page);border:1px solid var(--bs1-border);border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.bs1-reviews__stars{color:var(--bs1-cyan);letter-spacing:2px;font-size:14px}.bs1-reviews__text{color:var(--bs1-text-muted);font-size:14px;line-height:1.7}.bs1-reviews__person{align-items:center;gap:12px;display:flex}.bs1-reviews__person img{object-fit:cover;border-radius:50%;width:40px;height:40px}.bs1-reviews__name{color:var(--bs1-deep-navy);font-size:14px;font-weight:700}.bs1-reviews__role{color:var(--bs1-text-soft);font-size:12px}
.bs1-cta{background:linear-gradient(135deg, var(--bs1-deep-navy), var(--bs1-blue));padding:96px 0;position:relative;overflow:hidden}.bs1-cta:before{content:"";top:-180px;filter:blur(70px);background:radial-gradient(circle,#00b4d84d,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;inset-inline-end:-180px}.bs1-cta__inner{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.bs1-cta__heading{color:#fff;letter-spacing:-.02em;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.bs1-cta__sub{color:#ffffffe6;max-width:640px;font-size:18px;line-height:1.7}.bs1-cta__btn{min-height:56px;color:var(--bs1-deep-navy);transition:transform .22s var(--bs1-ease);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:16px 40px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 12px 32px #0003}.bs1-cta__btn:hover{transform:translateY(-2px)}
