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

:root{
  --black:#171717;
  --teal:#176b6f;
  --teal2:#0f5558;
  --gold:#f0b33d;
  --orange:#e96c2f;
  --orange2:#ff8245;
  --cream:#fff6df;
  --cream2:#fffaf0;
  --text:#1c1c1c;
  --muted:#6c6256;
  --shadow:7px 8px 0 rgba(23,23,23,.95);
  --shadowSmall:4px 5px 0 rgba(23,23,23,.95);
  --softShadow:0 18px 45px rgba(23,23,23,.12);
  --radius:22px;
  --whatsapp:#25D366;
}

.athena-camp{
  font-family:'Cairo', Arial, sans-serif !important;
  color:var(--text);
  background:var(--cream2);
  overflow-x:hidden;
  isolation:isolate;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

.athena-camp *,
.athena-camp *::before,
.athena-camp *::after{
  box-sizing:border-box;
  font-family:'Cairo', Arial, sans-serif !important;
}

.athena-camp a,
.athena-camp a:hover,
.athena-camp a:focus,
.athena-camp a:active,
.athena-camp a:visited{
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent;
}

.athena-wrap{
  width:min(1120px,92vw);
  margin-inline:auto;
}

/* Hidden reusable icons */
.athena-svg-defs{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

/* HERO */
.athena-hero{
  min-height:650px;
  display:flex;
  align-items:center;
  text-align:center;
  position:relative;
  background:
    radial-gradient(circle at 18% 18%, rgba(240,179,61,.30), transparent 19%),
    radial-gradient(circle at 80% 16%, rgba(23,107,111,.18), transparent 23%),
    radial-gradient(circle at 70% 82%, rgba(233,108,47,.18), transparent 22%),
    linear-gradient(180deg,var(--cream) 0%, #f4fbfa 100%);
  overflow:hidden;
  border-bottom:4px solid rgba(23,23,23,.08);
}

.athena-hero::before,
.athena-hero::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(240,179,61,.16);
  filter:blur(2px);
  pointer-events:none;
}

.athena-hero::before{
  top:90px;
  right:-90px;
}

.athena-hero::after{
  bottom:70px;
  left:-100px;
  background:rgba(23,107,111,.15);
}

.athena-hero__inner{
  position:relative;
  z-index:2;
  padding:86px 0 106px;
}

.athena-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--teal);
  color:#fff;
  border:3px solid var(--black);
  border-radius:999px;
  padding:9px 16px;
  font-weight:900;
  font-size:13px;
  box-shadow:var(--shadowSmall);
  margin-bottom:22px;
}

.athena-badge i{
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:50%;
  display:inline-block;
}

.athena-logo-pop{
  width:min(108px,30vw);
  height:auto;
  margin:0 auto 28px;
  display:block;
  filter:drop-shadow(0 10px 0 rgba(23,23,23,.08));
  animation:athenaFloat 4s ease-in-out infinite;
}

@keyframes athenaFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-7px) rotate(-1deg)}
}

.athena-title{
  margin:0;
  font-size:clamp(48px,9vw,104px);
  line-height:1.14;
  letter-spacing:0;
  font-weight:900;
}

.athena-title span{
  display:block;
  margin-bottom:.03em;
  text-shadow:3px 4px 0 rgba(23,23,23,.14);
}

.athena-title span:last-child{
  margin-bottom:0;
}

.athena-title .t-orange{color:var(--orange);}
.athena-title .t-blue{color:var(--teal);}
.athena-title .t-gold{color:var(--gold);}

.athena-subtitle{
  max-width:700px;
  margin:28px auto 0;
  font-size:clamp(16px,2.4vw,21px);
  color:var(--muted);
  line-height:1.95;
  font-weight:700;
}

.athena-date{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:26px;
  background:#fff;
  border:3px solid var(--black);
  color:var(--teal);
  border-radius:14px;
  padding:10px 18px;
  font-weight:900;
  box-shadow:5px 6px 0 var(--black);
}

/* BUTTONS */
.athena-hero__actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}

.athena-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:190px;
  min-height:54px;
  padding:14px 20px;
  border-radius:999px;
  border:3px solid var(--black);
  box-shadow:5px 6px 0 var(--black);
  font-weight:900;
  font-size:15px;
  text-decoration:none !important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.athena-btn:hover{
  transform:translateY(-3px);
  box-shadow:7px 8px 0 var(--black);
}

.athena-btn:focus-visible{
  outline:4px solid rgba(240,179,61,.55);
  outline-offset:4px;
}

.athena-btn--orange{
  background:var(--orange);
  color:#fff;
}

.athena-btn--orange:hover{
  background:var(--orange2);
}

.athena-btn--green{
  background:var(--teal);
  color:#fff;
}

.athena-btn--green:hover{
  background:var(--teal2);
}

.athena-btn--white{
  background:#fff;
  color:var(--black);
}

.athena-wa-only{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  padding:0 !important;
  margin:0 !important;
  flex:0 0 58px !important;
  border-radius:50% !important;
  background:var(--whatsapp) !important;
  color:#fff !important;
  border:3px solid var(--black) !important;
  box-shadow:5px 6px 0 var(--black) !important;
}

.athena-wa-only:hover,
.athena-wa-only:focus,
.athena-wa-only:active,
.athena-wa-only:visited{
  background:var(--whatsapp) !important;
  color:#fff !important;
}

.athena-wa-only svg{
  width:29px;
  height:29px;
  display:block;
  fill:currentColor;
}

/* SECTIONS */
.athena-section{
  padding:76px 0;
}

.athena-kicker{
  display:block;
  text-align:center;
  color:var(--orange);
  font-weight:900;
  font-size:13px;
  margin-bottom:9px;
}

.athena-h2{
  margin:0 auto 18px;
  color:var(--black);
  text-align:center;
  max-width:860px;
  font-size:clamp(31px,5vw,52px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:0;
}

.athena-lead{
  margin:0 auto 35px;
  max-width:760px;
  text-align:center;
  color:var(--muted);
  line-height:1.95;
  font-size:17px;
  font-weight:700;
}

/* PROGRAM CARDS */
.athena-programs{
  background:#fff;
}

.athena-program-list{
  display:grid;
  gap:24px;
  max-width:780px;
  margin:auto;
}

.athena-program{
  position:relative;
  border:4px solid var(--black);
  border-radius:var(--radius);
  background:var(--cream);
  padding:22px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

.athena-program::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:8px;
  background:linear-gradient(90deg,var(--gold),var(--orange),var(--teal));
}

.athena-program:nth-child(even){
  background:#e8f7f4;
}

.athena-program:nth-child(even) .athena-program__icon{
  background:var(--teal);
  color:#fff;
}

.athena-program__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:3px dashed rgba(23,23,23,.25);
  padding-bottom:14px;
  margin-bottom:18px;
  padding-top:6px;
}

.athena-program__name{
  display:flex;
  align-items:center;
  gap:11px;
}

.athena-program__icon{
  width:46px;
  height:46px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--gold);
  border:3px solid var(--black);
  box-shadow:3px 4px 0 var(--black);
  font-size:22px;
  flex:0 0 auto;
}

.athena-program h3{
  margin:0;
  color:var(--black);
  font-size:22px;
  line-height:1.35;
  font-weight:900;
}

.athena-program__level{
  font-weight:900;
  color:#756b60;
  margin-top:2px;
}

.athena-time{
  background:#fff;
  border:3px solid var(--black);
  border-radius:999px;
  padding:8px 13px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

.athena-program__body{
  display:grid;
  grid-template-columns:1.35fr .75fr;
  gap:18px;
  align-items:stretch;
}

.athena-points{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.athena-points li{
  display:flex;
  gap:9px;
  align-items:flex-start;
  color:#554d45;
  font-weight:800;
  line-height:1.7;
  font-size:14px;
}

.athena-points li span{
  flex:0 0 auto;
}

.athena-register{
  background:#fff;
  border:3px dashed var(--orange);
  border-radius:18px;
  padding:18px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
}

.athena-program:nth-child(even) .athena-register{
  border-color:var(--teal);
}

.athena-register small{
  color:#7d7469;
  font-weight:900;
  letter-spacing:.4px;
}

.athena-register strong{
  display:block;
  color:var(--black);
  font-size:21px;
  line-height:1.35;
  font-weight:900;
}

/* DARK SECTION */
.athena-dark{
  background:
    radial-gradient(circle at 15% 20%, rgba(240,179,61,.16), transparent 24%),
    radial-gradient(circle at 86% 80%, rgba(233,108,47,.13), transparent 24%),
    linear-gradient(180deg,var(--black) 0%, #0f0f0f 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}

.athena-dark .athena-wrap{
  position:relative;
  z-index:2;
}

.athena-dark .athena-kicker{
  color:var(--gold);
  text-align:right;
}

.athena-dark .athena-h2{
  color:#fff;
  text-align:right;
  margin-inline:0;
  max-width:650px;
}

.athena-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:30px;
}

.athena-feature{
  background:rgba(255,255,255,.07);
  border:2px solid rgba(255,255,255,.09);
  border-radius:15px;
  padding:20px;
  min-height:170px;
  transition:transform .16s ease, background .16s ease;
}

.athena-feature:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.11);
}

.athena-feature__icon{
  font-size:26px;
  margin-bottom:11px;
}

.athena-feature h3{
  margin:0 0 8px;
  color:var(--gold);
  font-size:17px;
  font-weight:900;
}

.athena-feature p{
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.8;
  font-size:14px;
}

/* TEACHER */
.athena-teacher{
  background:
    radial-gradient(circle at 15% 20%, rgba(23,107,111,.12), transparent 24%),
    linear-gradient(180deg,#f4fbfa 0%, var(--cream) 100%);
}

.athena-teacher-card{
  max-width:780px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:24px;
  background:rgba(255,255,255,.78);
  border:3px solid rgba(23,23,23,.12);
  border-radius:28px;
  padding:26px;
  box-shadow:var(--softShadow);
}

.athena-avatar{
  width:132px;
  height:132px;
  flex:0 0 auto;
  border-radius:50%;
  border:4px solid var(--black);
  box-shadow:6px 7px 0 var(--orange);
  background:
    linear-gradient(135deg,rgba(240,179,61,.35),rgba(23,107,111,.25)),
    url('https://athenaibillin.com/wp-content/uploads/2026/01/cropped-Logo-2.png');
  background-size:76%,contain;
  background-repeat:no-repeat;
  background-position:center;
}

.athena-teacher h2{
  margin:0 0 9px;
  font-size:clamp(26px,4vw,38px);
  line-height:1.2;
  color:var(--black);
  font-weight:900;
}

.athena-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0;
}

.athena-tag{
  background:#fff;
  color:var(--black);
  border:2px solid rgba(23,23,23,.18);
  border-radius:999px;
  padding:6px 10px;
  font-weight:900;
  font-size:12px;
}

.athena-teacher p{
  margin:0;
  color:#5c554e;
  line-height:1.95;
  font-weight:700;
}

/* FINAL CTA */
.athena-final{
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.18), transparent 22%),
    linear-gradient(135deg,var(--orange) 0%, #d95f2a 100%);
  color:#fff;
  text-align:center;
  padding:76px 0;
}

.athena-final h2{
  margin:0 auto 12px;
  max-width:780px;
  color:#fff;
  font-size:clamp(34px,5.7vw,58px);
  line-height:1.15;
  font-weight:900;
  text-shadow:3px 4px 0 rgba(23,23,23,.18);
}

.athena-final p{
  margin:0 auto 26px;
  max-width:660px;
  color:rgba(255,255,255,.92);
  font-size:17px;
  line-height:1.95;
  font-weight:800;
}

.athena-contact-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:24px;
  color:#fff;
  font-weight:900;
}

.athena-contact-row a,
.athena-contact-row span{
  color:#fff;
  text-decoration:none !important;
}

.athena-social-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:22px;
}

.athena-social{
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  color:var(--black);
  border:3px solid var(--black);
  box-shadow:4px 5px 0 var(--black);
  text-decoration:none !important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}

.athena-social:hover{
  transform:translateY(-3px);
  box-shadow:6px 7px 0 var(--black);
}

.athena-social svg{
  width:27px;
  height:27px;
  display:block;
  fill:currentColor;
}

.athena-social--wa{
  background:var(--whatsapp) !important;
  color:#fff !important;
}

.athena-social--wa:hover{
  background:var(--whatsapp) !important;
  color:#fff !important;
}

.athena-social--ig:hover{
  background:#E1306C;
  color:#fff;
}

.athena-footer{
  background:var(--black);
  color:rgba(255,255,255,.72);
  padding:20px 0;
  font-size:13px;
}

.athena-footer__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.athena-footer strong{
  color:var(--gold);
}

/* TABLET */
@media(max-width:900px){
  .athena-hero{
    min-height:auto;
  }

  .athena-program__body,
  .athena-feature-grid{
    grid-template-columns:1fr;
  }

  .athena-feature-grid{
    max-width:560px;
    margin-inline:auto;
  }

  .athena-program{
    box-shadow:5px 6px 0 var(--black);
  }
}

/* MOBILE */
@media(max-width:640px){
  .athena-wrap{
    width:min(100% - 28px, 520px);
  }

  .athena-section{
    padding:52px 0;
  }

  .athena-hero{
    min-height:auto;
    border-bottom-width:3px;
  }

  .athena-hero::before{
    width:190px;
    height:190px;
    top:35px;
    right:-95px;
  }

  .athena-hero::after{
    width:190px;
    height:190px;
    bottom:35px;
    left:-95px;
  }

  .athena-hero__inner{
    padding:46px 0 58px;
  }

  .athena-badge{
    font-size:12px;
    padding:8px 12px;
    margin-bottom:18px;
    border-width:2px;
    box-shadow:3px 4px 0 var(--black);
  }

  .athena-logo-pop{
    width:74px;
    margin-bottom:18px;
    filter:drop-shadow(0 7px 0 rgba(23,23,23,.08));
  }

  .athena-title{
    font-size:clamp(44px,18vw,68px);
    line-height:1.08;
    max-width:330px;
    margin-inline:auto;
  }

  .athena-title span{
    margin-bottom:.08em;
    text-shadow:2px 3px 0 rgba(23,23,23,.12);
  }

  .athena-subtitle{
    margin-top:18px;
    font-size:15.5px;
    line-height:1.75;
    max-width:34ch;
  }

  .athena-date{
    width:auto;
    max-width:100%;
    margin-top:20px;
    padding:9px 12px;
    font-size:13px;
    border-width:2px;
    box-shadow:3px 4px 0 var(--black);
  }

  .athena-hero__actions{
    margin-top:22px;
    gap:12px;
    justify-content:center;
  }

  .athena-btn{
    width:auto;
    min-width:170px;
    min-height:48px;
    padding:12px 16px;
    font-size:14px;
    border-width:2px;
    box-shadow:3px 4px 0 var(--black);
  }

  .athena-btn:hover{
    transform:none;
    box-shadow:3px 4px 0 var(--black);
  }

  .athena-wa-only{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    flex:0 0 52px !important;
    padding:0 !important;
    margin:0 !important;
    background:var(--whatsapp) !important;
    color:#fff !important;
    border:2px solid var(--black) !important;
    box-shadow:3px 4px 0 var(--black) !important;
  }

  .athena-wa-only svg{
    width:25px;
    height:25px;
  }

  .athena-h2{
    font-size:clamp(27px,9vw,38px);
    line-height:1.18;
    max-width:13ch;
  }

  .athena-lead{
    font-size:15px;
    line-height:1.8;
    margin-bottom:26px;
    max-width:34ch;
  }

  .athena-program-list{
    gap:18px;
  }

  .athena-program{
    padding:17px;
    border-width:3px;
    border-radius:18px;
    box-shadow:4px 5px 0 var(--black);
  }

  .athena-program::before{
    height:6px;
  }

  .athena-program__top{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    padding-bottom:12px;
    margin-bottom:15px;
  }

  .athena-program__name{
    align-items:flex-start;
    gap:10px;
  }

  .athena-program__icon{
    width:40px;
    height:40px;
    border-width:2px;
    border-radius:11px;
    font-size:19px;
    box-shadow:2px 3px 0 var(--black);
  }

  .athena-program h3{
    font-size:19px;
    line-height:1.35;
  }

  .athena-program__level{
    font-size:13px;
  }

  .athena-time{
    white-space:normal;
    width:100%;
    text-align:center;
    border-width:2px;
    padding:7px 10px;
    font-size:12.5px;
  }

  .athena-program__body{
    grid-template-columns:1fr;
    gap:15px;
  }

  .athena-points{
    gap:8px;
  }

  .athena-points li{
    font-size:13.5px;
    line-height:1.65;
  }

  .athena-register{
    padding:14px;
    border-width:2px;
    border-radius:15px;
  }

  .athena-register strong{
    font-size:18px;
  }

  .athena-dark .athena-kicker,
  .athena-dark .athena-h2{
    text-align:center;
    margin-inline:auto;
  }

  .athena-feature-grid{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:24px;
  }

  .athena-feature{
    min-height:auto;
    padding:16px;
    border-radius:14px;
  }

  .athena-feature__icon{
    font-size:24px;
    margin-bottom:8px;
  }

  .athena-feature h3{
    font-size:16px;
  }

  .athena-feature p{
    font-size:13.5px;
    line-height:1.75;
  }

  .athena-teacher-card{
    flex-direction:column;
    text-align:center;
    padding:20px;
    gap:18px;
    border-radius:22px;
  }

  .athena-avatar{
    width:104px;
    height:104px;
    box-shadow:4px 5px 0 var(--orange);
  }

  .athena-teacher-card .athena-kicker{
    text-align:center !important;
  }

  .athena-teacher h2{
    font-size:28px;
  }

  .athena-tags{
    justify-content:center;
  }

  .athena-tag{
    font-size:11.5px;
    padding:5px 9px;
  }

  .athena-teacher p{
    font-size:14.5px;
    line-height:1.8;
  }

  .athena-final{
    padding:54px 0;
  }

  .athena-final h2{
    font-size:clamp(29px,9vw,42px);
    line-height:1.18;
    max-width:13ch;
  }

  .athena-final p{
    font-size:15px;
    line-height:1.8;
    max-width:34ch;
  }

  .athena-social-row{
    margin-top:18px;
    gap:12px;
  }

  .athena-social{
    width:50px;
    height:50px;
    border-width:2px;
    box-shadow:3px 4px 0 var(--black);
  }

  .athena-social svg{
    width:24px;
    height:24px;
  }

  .athena-contact-row{
    margin-top:20px;
    gap:10px;
    font-size:14px;
    line-height:1.7;
    flex-direction:column;
  }

  .athena-footer{
    padding:18px 0;
  }

  .athena-footer__inner{
    justify-content:center;
    text-align:center;
    gap:8px;
  }
}

@media(prefers-reduced-motion:reduce){
  .athena-logo-pop,
  .athena-btn,
  .athena-feature,
  .athena-social{
    animation:none;
    transition:none;
  }
}

/* Athena navigation and online portal */
.athena-sitebar{
  position:relative;
  z-index:20;
  background:#fff;
  border-bottom:2px solid rgba(23,23,23,.08);
}
.athena-sitebar__inner{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.athena-sitebar__brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--black) !important;
  font-weight:900;
}
.athena-sitebar__brand img{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:12px;
}
.athena-sitebar__nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.athena-sitebar__nav a{
  color:var(--teal) !important;
  font-weight:900;
  padding:9px 13px;
  border-radius:999px;
}
.athena-sitebar__nav a:hover,
.athena-sitebar__nav a:focus{
  background:#e8f7f4;
}
.athena-online{
  background:#fff;
  border-bottom:3px solid rgba(23,23,23,.06);
}
.athena-online__features{
  max-width:860px;
  margin:0 auto 30px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.athena-online__features span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:74px;
  padding:12px;
  text-align:center;
  color:var(--black);
  background:#f4fbfa;
  border:2px solid rgba(23,107,111,.18);
  border-radius:16px;
  font-size:13px;
  font-weight:900;
  line-height:1.6;
}

/* Course hub */
.athena-courses-hub{
  direction:rtl;
  font-family:'Cairo',Arial,sans-serif;
  width:min(1120px,92vw);
  margin:48px auto;
  color:#1c1c1c;
}
.athena-courses-hub__head{
  text-align:center;
  margin-bottom:30px;
}
.athena-courses-hub__head h1{
  margin:0 0 10px;
  font-size:clamp(34px,6vw,58px);
  color:#171717;
}
.athena-courses-hub__head p{
  margin:0;
  color:#6c6256;
  font-weight:700;
}
.athena-courses-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.athena-course-card{
  background:#fff6df;
  border:3px solid #171717;
  border-radius:20px;
  box-shadow:5px 6px 0 #171717;
  padding:22px;
  display:flex;
  flex-direction:column;
  min-height:220px;
}
.athena-course-card:nth-child(even){
  background:#e8f7f4;
}
.athena-course-card__icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#f0b33d;
  border:2px solid #171717;
  font-size:23px;
  margin-bottom:16px;
}
.athena-course-card h2{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.4;
}
.athena-course-card p{
  margin:0 0 20px;
  color:#6c6256;
  line-height:1.8;
  font-weight:700;
}
.athena-course-card .athena-btn{
  margin-top:auto;
  align-self:stretch;
}
.athena-courses-empty{
  background:#fff;
  border:2px solid #dbe4ec;
  border-radius:18px;
  padding:28px;
  text-align:center;
}
body.athena-front-page-active .entry-title,
body.athena-front-page-active .wp-block-post-title,
body.athena-front-page-active main > header{
  display:none !important;
}
body.athena-front-page-active .entry-content,
body.athena-front-page-active .wp-site-blocks,
body.athena-front-page-active main{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:900px){
  .athena-online__features{grid-template-columns:1fr 1fr;}
  .athena-courses-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .athena-sitebar__inner{
    min-height:68px;
    flex-direction:column;
    justify-content:center;
    padding:10px 0;
  }
  .athena-sitebar__brand img{width:38px;height:38px;}
  .athena-sitebar__nav{justify-content:center;}
  .athena-sitebar__nav a{padding:7px 10px;font-size:13px;}
  .athena-online__features{grid-template-columns:1fr;gap:9px;}
  .athena-online__features span{min-height:58px;}
  .athena-courses-grid{grid-template-columns:1fr;}
  .athena-courses-hub{margin:30px auto;}
}

/* v1.1.2: disabled course card action when the student page is not published */
.athena-front-page .athena-btn--disabled,
.athena-courses-hub .athena-btn--disabled{
  background:#dfe5e8 !important;
  color:#6d7780 !important;
  border-color:#9aa4ab !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
  transform:none !important;
}

/* v1.1.5 usability refinement: clearer actions, faster scanning, same core routing */
.athena-hero{
  min-height:560px;
}
.athena-hero__inner{
  padding:66px 0 78px;
}
.athena-logo-pop{
  margin-bottom:20px;
}
.athena-subtitle{
  max-width:650px;
  margin-top:22px;
  line-height:1.8;
}
.athena-date{
  margin-top:22px;
}
.athena-hero__actions{
  margin-top:25px;
}
.athena-btn--whatsapp,
.athena-btn--final-wa{
  background:var(--whatsapp) !important;
  color:#fff !important;
}
.athena-btn--whatsapp:hover,
.athena-btn--whatsapp:focus,
.athena-btn--final-wa:hover,
.athena-btn--final-wa:focus{
  background:#20bd5b !important;
  color:#fff !important;
}
.athena-btn--whatsapp svg,
.athena-btn--final-wa svg{
  width:23px;
  height:23px;
  flex:0 0 auto;
  fill:currentColor;
}
.athena-section-action{
  display:flex;
  justify-content:center;
  margin-top:4px;
}

.athena-camp{
  overflow-x:clip;
}
.athena-sitebar{
  position:sticky;
  top:0;
  z-index:50;
  box-shadow:0 8px 24px rgba(23,23,23,.06);
}
body.admin-bar .athena-sitebar{
  top:32px;
}
#programs{
  scroll-margin-top:96px;
}

/* Programs: two-column scan on desktop, clear WhatsApp action instead of button-like labels */
.athena-program-list{
  max-width:1080px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.athena-program{
  height:100%;
  padding:21px;
  border-width:2px;
  box-shadow:0 15px 34px rgba(23,23,23,.11);
  display:flex;
  flex-direction:column;
}
.athena-program__top{
  border-bottom-width:2px;
}
.athena-program__icon{
  border-width:2px;
  box-shadow:2px 3px 0 rgba(23,23,23,.92);
}
.athena-program__body{
  display:flex;
  flex-direction:column;
  gap:18px;
  flex:1;
}
.athena-points{
  margin-bottom:4px;
}
.athena-program-cta{
  margin-top:auto;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 14px;
  border-radius:14px;
  background:#fff;
  color:var(--teal) !important;
  border:2px solid rgba(23,107,111,.30);
  font-size:13.5px;
  font-weight:900;
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}
.athena-program-cta:hover,
.athena-program-cta:focus-visible{
  background:#e9f8f4;
  border-color:var(--teal);
  transform:translateY(-2px);
}
.athena-program-cta:focus-visible{
  outline:4px solid rgba(240,179,61,.45);
  outline-offset:3px;
}
.athena-program-cta svg{
  width:21px;
  height:21px;
  fill:var(--whatsapp);
  flex:0 0 auto;
}

/* Method: replace repeated subject tags with a memorable four-step process */
.athena-teacher-card{
  max-width:900px;
  align-items:stretch;
}
.athena-teacher__content{
  flex:1;
  min-width:0;
}
.athena-kicker--right{
  text-align:right;
  margin-bottom:5px;
}
.athena-teacher__intro{
  margin:0 0 18px !important;
}
.athena-process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.athena-process__step{
  min-height:92px;
  padding:12px 10px;
  border-radius:15px;
  background:#fff;
  border:2px solid rgba(23,23,23,.10);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
}
.athena-process__step b{
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--teal);
  color:#fff;
  font-size:13px;
  box-shadow:2px 3px 0 rgba(23,23,23,.85);
}
.athena-process__step:nth-child(2) b{background:var(--orange);}
.athena-process__step:nth-child(3) b{background:#cc9220;}
.athena-process__step:nth-child(4) b{background:var(--teal2);}
.athena-process__step span{
  color:var(--black);
  font-size:13px;
  line-height:1.5;
  font-weight:900;
}

/* Final CTA: one dominant action, secondary social link */
.athena-final-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  flex-wrap:wrap;
  margin-top:22px;
}
.athena-btn--final-wa{
  min-width:235px;
  background:#fff !important;
  color:#17763c !important;
  border-color:var(--black) !important;
}
.athena-btn--final-wa:hover,
.athena-btn--final-wa:focus{
  background:#f5fff8 !important;
  color:#126733 !important;
}
.athena-final-ig{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:46px;
  padding:10px 14px;
  border-radius:999px;
  color:rgba(255,255,255,.92) !important;
  border:2px solid rgba(255,255,255,.45);
  font-weight:800;
  font-size:13px;
  transition:background .16s ease, border-color .16s ease;
}
.athena-final-ig:hover,
.athena-final-ig:focus-visible{
  background:rgba(255,255,255,.12);
  border-color:#fff;
}
.athena-final-ig svg{
  width:19px;
  height:19px;
  fill:currentColor;
}

@media(max-width:900px){
  .athena-program-list{
    grid-template-columns:1fr;
    max-width:680px;
  }
  .athena-process{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:782px){
  body.admin-bar .athena-sitebar{top:46px;}
}

@media(max-width:640px){
  .athena-hero__inner{
    padding:38px 0 48px;
  }
  .athena-logo-pop{
    margin-bottom:15px;
  }
  .athena-subtitle{
    margin-top:15px;
    max-width:32ch;
  }
  .athena-hero__actions{
    width:100%;
    max-width:330px;
    margin-inline:auto;
    margin-top:20px;
  }
  .athena-hero__actions .athena-btn{
    width:100%;
    min-width:0;
  }
  .athena-program-list{
    gap:16px;
  }
  .athena-program{
    padding:16px;
    border-width:2px;
    box-shadow:0 10px 24px rgba(23,23,23,.11);
  }
  .athena-program__body{
    gap:13px;
  }
  .athena-program-cta{
    min-height:46px;
  }
  .athena-teacher-card{
    align-items:center;
  }
  .athena-kicker--right{
    text-align:center;
  }
  .athena-process{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .athena-process__step{
    min-height:84px;
    padding:10px 8px;
  }
  .athena-final-actions{
    flex-direction:column;
  }
  .athena-btn--final-wa{
    width:min(100%,330px);
  }
}

@media(prefers-reduced-motion:reduce){
  .athena-program-cta,
  .athena-final-ig{
    transition:none;
  }
}