@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

:root{--academy-live-font:"Almarai",Arial,Tahoma,sans-serif}
.academy-live-page,.academy-live-page *,.academy-live-page input,.academy-live-page textarea,.academy-live-page select,.academy-live-page button,.academy-live-page ::placeholder{font-family:var(--academy-live-font)!important}
.academy-live-page{position:relative;min-height:100vh;background:#f3f4f7}
.academy-live-page .academy-preview-shell{position:relative;z-index:2}

.academy-live-brand{min-width:0;display:grid!important;gap:14px;align-content:center;direction:rtl;text-align:right}
.academy-live-brand__top{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px}
.academy-live-brand__top>img{grid-column:1;width:72px!important;height:72px!important;margin:0!important;padding:5px!important;object-fit:contain!important;border:1px solid #e0e5e2!important;border-radius:13px!important;background:#fff!important}
.academy-live-brand__meta{grid-column:2;min-width:0;display:grid;justify-items:center;align-content:center;gap:7px;text-align:center}
.academy-live-brand__meta .academy-preview-badge{margin:0!important;min-height:29px;padding:4px 11px;font-size:13px;font-weight:800}
.academy-live-brand__meta p{margin:0!important;padding:5px 11px;border-radius:7px;background:linear-gradient(90deg,#9bb98a,#ddc783);color:#213a30!important;font-size:11px;font-weight:700;line-height:1.35;white-space:nowrap}
.academy-live-brand__title{width:100%;margin:0!important;color:#172e27!important;font-size:clamp(21px,1.8vw,30px)!important;font-weight:800!important;line-height:1.45!important;text-align:center;text-wrap:balance;overflow-wrap:anywhere}
.academy-live-header .academy-preview-header__status{display:none!important}

.academy-live-header.has-form-top-image{
 display:grid!important;
 grid-template-columns:minmax(0,3fr) minmax(0,1fr)!important;
 grid-template-rows:minmax(0,1fr)!important;
 align-items:stretch!important;
 width:100%!important;
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
 aspect-ratio:100 / 21!important;
 gap:0!important;
 padding:0!important;
 margin:0!important;
 overflow:hidden!important;
 direction:ltr!important;
 border:1px solid #dce3e0!important;
 border-radius:22px!important;
 background:#fff!important;
 box-shadow:0 6px 18px rgba(31,54,44,.06)!important;
 box-sizing:border-box!important;
}
.academy-live-header.has-form-top-image .academy-form-top-visual{
 grid-column:1!important;
 grid-row:1!important;
 align-self:stretch!important;
 justify-self:stretch!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 max-width:none!important;
 max-height:none!important;
 aspect-ratio:auto!important;
 margin:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:21px 18px 18px 21px!important;
 background:#eef1ed!important;
 box-shadow:none!important;
 line-height:0!important;
 box-sizing:border-box!important;
}
.academy-live-header.has-form-top-image .academy-form-top-visual img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 min-width:100%!important;
 min-height:100%!important;
 max-width:none!important;
 max-height:none!important;
 margin:0!important;
 padding:0!important;
 object-fit:cover!important;
 object-position:center center!important;
 border-radius:21px 18px 18px 21px!important;
 box-sizing:border-box!important;
}
.academy-live-header.has-form-top-image .academy-live-brand{
 grid-column:2!important;
 grid-row:1!important;
 align-self:stretch!important;
 justify-self:stretch!important;
 height:100%!important;
 min-height:0!important;
 max-height:none!important;
 align-content:center!important;
 gap:14px!important;
 padding:14px 18px!important;
 margin:0!important;
 background:#fff!important;
 box-sizing:border-box!important;
}

.academy-form-background-media{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#f3f4f7}
.academy-form-background-media__visual{position:absolute;left:50%;top:50%;display:block;width:min(var(--academy-bg-width,78vw),var(--academy-bg-max-width,1520px));max-width:none;height:auto;transform:translate(-50%,-50%);object-fit:contain;object-position:center;opacity:.30}
.academy-form-background-media__canvas{image-rendering:auto}
.academy-form-background-media::after{content:"";position:absolute;inset:0;background:rgba(243,244,247,.82)}
.academy-form-background-media--strength-light::after{background:rgba(243,244,247,.84)}
.academy-form-background-media--strength-medium::after{background:rgba(243,244,247,.68)}
.academy-form-background-media--strength-clear::after{background:rgba(243,244,247,.50)}

.academy-social-footer{position:relative;width:100%;margin:18px 0 0;overflow:hidden;border:1px solid #d8e1dc;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(31,54,44,.07)}
.academy-social-footer__accent{height:5px;background:linear-gradient(90deg,#176b52 0 42%,#c7a45b 42% 48%,#176b52 48% 100%)}
.academy-social-footer__content{min-height:86px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:13px 24px;direction:ltr}
.academy-social-footer__icons{display:flex;align-items:center;gap:10px}.academy-social-footer__icons a{display:grid;place-items:center;text-decoration:none}
.academy-social-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;font-family:Arial,sans-serif!important;font-size:23px;font-weight:800;line-height:1;box-shadow:0 4px 12px rgba(20,35,29,.10)}
.academy-social-mark--facebook{background:#1877f2}.academy-social-mark--youtube{background:#ff0000;font-size:18px}.academy-social-mark--x{background:#262626;font-size:21px}.academy-social-mark--instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.academy-social-mark--tiktok{background:#111;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55}
.academy-social-footer__identity{display:grid;justify-items:center;gap:2px;min-width:0;text-align:center}.academy-social-footer__identity span{color:#718078;font-size:11px;font-weight:700}.academy-social-footer__identity a{max-width:100%;overflow-wrap:anywhere;color:#0f513d;font-size:28px;font-weight:900;letter-spacing:4px;text-decoration:none}.academy-social-footer__dots{color:#176b52;font-size:28px;letter-spacing:8px;white-space:nowrap}

@media(max-width:900px){
 .academy-live-header.has-form-top-image{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;aspect-ratio:auto!important}
 .academy-live-header.has-form-top-image .academy-form-top-visual{grid-column:1!important;grid-row:1!important;height:auto!important;aspect-ratio:25 / 7!important;border-radius:21px 21px 0 0!important}
 .academy-live-header.has-form-top-image .academy-form-top-visual img{height:100%!important;border-radius:21px 21px 0 0!important}
 .academy-live-header.has-form-top-image .academy-live-brand{grid-column:1!important;grid-row:2!important;height:auto!important;padding:16px 18px 20px!important}
 .academy-live-brand__title{font-size:clamp(21px,5.5vw,27px)!important}
}
@media(max-width:520px){
 .academy-live-brand__top{grid-template-columns:64px minmax(0,1fr)}
 .academy-live-brand__top>img{width:60px!important;height:60px!important}
 .academy-social-footer__content{grid-template-columns:1fr;gap:11px;padding:15px 12px}.academy-social-footer__icons{justify-content:center;flex-wrap:wrap}.academy-social-footer__identity{grid-row:1}.academy-social-footer__identity a{font-size:21px;letter-spacing:2px}.academy-social-footer__dots{display:none}.academy-social-mark{width:38px;height:38px;font-size:20px}
}