:root{--brand-dark:#0b2840;--brand-mid:#0e6b8f;--brand-accent:#3b8db6;--gold:#c9a23a;--gold-dark:#a67c2d;--gold-light:#e4c96b;--bg:#0b2840;--text:#0e1b2a;--muted:#5f6b7a;--surface:#ffffff;--surface-2:#f6f8fb;--topbar-h:40px}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:#122230;background:var(--surface)}img{max-width:100%;display:block}
[hidden]{display:none !important}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;padding:.9rem 1.2rem;border-radius:10px;text-decoration:none;font-weight:600;transition:.2s ease;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#102036}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-outline{border:2px solid var(--gold);color:var(--brand-dark);background:transparent}
.btn-outline:hover{background:var(--gold);color:#102036}

.header .actions .btn-outline{position:relative;overflow:hidden;box-shadow:0 0 0 0 rgba(201,162,58,.0)}
.header .actions .btn-outline::after{content:"";position:absolute;top:-120%;left:-35%;width:70%;height:320%;background:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 100%);transform:rotate(20deg) translateX(-220%);pointer-events:none;opacity:.85;filter:blur(.6px);mix-blend-mode:screen}
@keyframes ctaShine{0%{transform:rotate(20deg) translateX(-220%)}30%{transform:rotate(20deg) translateX(260%)}100%{transform:rotate(20deg) translateX(260%)}}
.header .actions .btn-outline{box-shadow:0 0 0 0 rgba(201,162,58,.0), 0 6px 20px rgba(201,162,58,.08)}
.header .actions .btn-outline:hover{box-shadow:0 10px 26px rgba(201,162,58,.22)}
.header .actions .btn-outline{animation:ctaPulse 4.5s ease-in-out infinite, floatY 5.2s ease-in-out infinite}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,162,58,.0), 0 6px 20px rgba(201,162,58,.10)}50%{box-shadow:0 0 0 6px rgba(201,162,58,.16), 0 12px 30px rgba(201,162,58,.22)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* run shine sweep periodically */
.header .actions .btn-outline{--shine-interval:12s}
.header .actions .btn-outline:is(:hover,:focus)::after{animation:ctaShine 1.2s ease}
.header .actions .btn-outline::after{animation:ctaShine 2.4s ease var(--shine-interval) infinite}
@media (prefers-reduced-motion: reduce){
  .header .actions .btn-outline,.header .actions .btn-outline::after{animation:none;transform:none}
}
.header{position:sticky;top:var(--topbar-h);z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(10px);box-shadow:0 2px 18px rgba(0,0,0,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:46px;width:auto}
.brand-title{font-size:1.1rem;font-weight:800;color:var(--brand-dark);letter-spacing:.3px}
.nav a{color:var(--brand-dark);text-decoration:none;margin:0 10px;font-weight:600}
.nav a:hover{color:var(--brand-mid)}
.nav a:visited{color:var(--brand-dark)}
.nav a:focus,.nav a:active{color:var(--brand-mid);outline:none}
.nav .actions{display:flex;gap:.6rem;align-items:center}

/* Top bar */
.topbar{position:sticky;top:0;z-index:60;background:#0e1b2a;color:#e7eef7;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.08);transition:transform .25s ease}
.topbar.is-hidden{transform:translateY(-100%)}
.topbar.is-hidden + .header{top:0}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:10px;flex-wrap:wrap}
.topbar .left,.topbar .right{display:flex;align-items:center;gap:12px}
.topbar a{color:#e7eef7;text-decoration:none;opacity:.95;transition:opacity .18s ease, transform .18s ease}
.topbar a:hover{opacity:1;transform:translateY(-1px)}
.tb-link{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}
.tb-icon{width:28px;height:28px;border-radius:8px;background:#132538;display:inline-block;background-size:16px 16px;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.12)}
.tb-icon.fb{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22><path fill=%22%23e7eef7%22 d=%22M22 12.06C22 6.477 17.523 2 11.94 2 6.356 2 1.88 6.477 1.88 12.06c0 4.997 3.657 9.142 8.44 9.94v-7.03H7.9v-2.91h2.42V9.845c0-2.39 1.423-3.71 3.6-3.71 1.043 0 2.134.186 2.134.186v2.35h-1.202c-1.186 0-1.556.737-1.556 1.49v1.79h2.647l-.423 2.91h-2.224V22c4.784-.798 8.442-4.943 8.442-9.94Z"/></svg>')}
.tb-icon.ig{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22><path fill=%22%23e7eef7%22 d=%22M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3.5A5.5 5.5 0 1 1 6.5 13 5.5 5.5 0 0 1 12 7.5Zm0 2A3.5 3.5 0 1 0 15.5 13 3.5 3.5 0 0 0 12 9.5Zm5.75-2.5a1.25 1.25 0 1 1-1.25 1.25A1.25 1.25 0 0 1 17.75 7Z"/></svg>')}
.tb-ico{width:16px;height:16px;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.9}
.tb-ico.mail{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%22%23e7eef7%22 d=%22M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5L4 8V6l8 5 8-5v2Z"/></svg>')}
.tb-ico.wa{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%22%23e7eef7%22 d=%22M20.52 3.48A11.91 11.91 0 0 0 12 0C5.37 0 0 5.37 0 12c0 2.11.55 4.17 1.6 5.99L0 24l6.2-1.58A12 12 0 0 0 12 24c6.63 0 12-5.37 12-12 0-3.2-1.25-6.21-3.48-8.52zM12 22a9.9 9.9 0 0 1-5.05-1.39l-.36-.21-3.59.91.96-3.5-.23-.37A9.94 9.94 0 0 1 2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10zm5.02-6.98c-.28-.14-1.65-.81-1.9-.9-.26-.1-.45-.14-.64.14-.19.28-.74.9-.91 1.08-.17.18-.34.21-.62.07-.28-.14-1.18-.44-2.25-1.4-.83-.74-1.39-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.12-.12.28-.31.42-.46.14-.16.19-.27.28-.45.09-.18.05-.34-.02-.48-.07-.14-.64-1.54-.88-2.1-.23-.56-.46-.48-.64-.49l-.55-.01c-.18 0-.48.07-.73.34-.25.28-.96.94-.96 2.29 0 1.34.98 2.64 1.12 2.82.14.18 1.93 2.95 4.69 4.13.66.29 1.18.46 1.58.59.66.21 1.26.18 1.74.11.53-.08 1.65-.67 1.88-1.32.23-.65.23-1.21.16-1.33-.07-.12-.25-.19-.53-.33z"/></svg>')}

.hero{position:relative;isolation:isolate;background:radial-gradient(1200px 600px at 80% -100px,rgba(59,141,182,.25),transparent 60%),linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22400%22 height=%22400%22 viewBox=%220 0 100 100%22><defs><pattern id=%22g%22 width=%2210%22 height=%2210%22 patternUnits=%22userSpaceOnUse%22 patternTransform=%22rotate(45)%22><path d=%22M0 5h10M5 0v10%22 stroke=%22%23dfe7f3%22 stroke-width=%221%22 opacity=%220.5%22/></pattern></defs><rect width=%22100%25%22 height=%22100%25%22 fill=%22url(%23g)%22/></svg>');opacity:.35}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:64px 0}
.hero h1{font-size:2.4rem;line-height:1.15;margin:0 0 16px;color:var(--brand-dark)}
.hero p{font-size:1.05rem;color:#2c3b4a;max-width:52ch}
.badges{display:flex;flex-wrap:wrap;gap:.6rem;margin:16px 0 24px}
.badge{background:linear-gradient(135deg,rgba(201,162,58,.18),rgba(166,124,45,.18));border:1px solid rgba(201,162,58,.35);color:#37485a;padding:.45rem .7rem;border-radius:999px;font-weight:600}
.ctas{display:flex;gap:.8rem;flex-wrap:wrap}

@media(min-width:900px){
  .hero .wrap>div:first-child{padding-left:16px}
}

.section{padding:64px 0}
.section h2{font-size:2rem;margin:0 0 12px;color:var(--brand-dark)}
.section p.lead{color:#314357;max-width:70ch}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
  /* reveal on scroll */
  .reveal{opacity:0;transform:translateY(24px) scale(.965);filter:blur(3px)}
  .reveal.in{opacity:1;transform:none;filter:none;transition:opacity .7s cubic-bezier(.2,.6,.2,1), transform .7s cubic-bezier(.2,.6,.2,1), filter .7s cubic-bezier(.2,.6,.2,1)}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid-3,.grid-4{grid-template-columns:1fr}}

/* Visuals section */
.visuals{padding-top:32px;padding-bottom:16px}
.visuals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.visuals-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.visuals-grid{grid-template-columns:1fr}}
.tile{position:relative;display:block;height:240px;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 12px 36px rgba(11,40,64,.14);transform:translateZ(0);transition:transform .35s ease, box-shadow .35s ease, filter .35s ease}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,107,143,.0) 0%, rgba(14,107,143,.28) 60%, rgba(11,40,64,.55) 100%);opacity:.9;transition:opacity .35s ease}
.tile::after{content:"";position:absolute;left:-40%;top:-20%;width:40%;height:160%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg) translateX(0);transition:transform .8s ease}
.tile .label{position:absolute;left:14px;bottom:14px;background:linear-gradient(135deg,var(--gold) 0%, var(--gold-dark) 100%);color:#102036;padding:.5rem .75rem;border-radius:10px;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.tile:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 50px rgba(11,40,64,.22);filter:saturate(1.05)}
.tile:hover::after{transform:skewX(-20deg) translateX(260%)}

/* Mobile adjustments for topbar height */
@media(max-width:640px){
  :root{--topbar-h:52px}
}

.card{background:#fff;border:1px solid #ebf0f6;border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(11,40,64,.06)}
.card h3{margin:6px 0 8px;color:var(--brand-mid)}
.card p{color:#425467}
.icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(201,162,58,.16),rgba(166,124,45,.16));color:var(--gold-dark);font-weight:800;box-shadow:0 6px 16px rgba(11,40,64,.08);transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;transform:translateZ(0);animation:iconFloat 5s ease-in-out infinite}
.icon svg{width:22px;height:22px;display:block}
.card:hover .icon{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 28px rgba(11,40,64,.14);filter:saturate(1.08)}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media (prefers-reduced-motion: reduce){.icon{animation:none;transform:none}}

.highlight{background:linear-gradient(180deg,#fefbf2 0%,#fff 80%);border-top:1px solid #f1e7c9;border-bottom:1px solid #f1e7c9}
.pricing{display:grid;gap:18px}
.tier{border:1px solid #ebf0f6;border-radius:16px;background:#fff;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.06)}
.tier h3{margin:0 0 6px;color:var(--brand-dark)}
.price{font-size:2rem;font-weight:900;color:var(--brand-mid)}
.tier ul{margin:12px 0 0;padding:0;list-style:none}
.tier li{padding:6px 0;color:#3b4a5a}

.footer{background:#0e1b2a;color:#e7eef7}
.footer a{color:#e7eef7;text-decoration:none}
.footer .cols{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}
.footer .copy{border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding:14px 0;color:#b9c6d8}
@media(max-width:900px){.footer .cols{grid-template-columns:1fr}}

.kufi{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;letter-spacing:.5px}

.header .cta{display:none}
@media(min-width:900px){.header .cta{display:flex}}

form.contact{display:grid;gap:14px}
input,textarea,select{width:100%;padding:.85rem 1rem;border:1px solid #e1e7ef;border-radius:10px;background:#fff;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 4px rgba(59,141,182,.12)}

.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table th{text-align:left;color:#415268;font-size:.95rem}
.table td{background:#fff;border:1px solid #e6edf5;padding:12px 14px}
.table tr td:first-child{border-radius:10px 0 0 10px}
.table tr td:last-child{border-radius:0 10px 10px 0}

.breadcrumb{font-size:.9rem;color:#5c6c7f;margin:8px 0 18px}
.breadcrumb a{text-decoration:none;color:var(--brand-mid)}

/* Tabs for pricing */
.tabs{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e6edf5;border-radius:14px;padding:10px;box-shadow:0 6px 20px rgba(11,40,64,.06);margin:18px auto 22px}
.tab{appearance:none;border:0;background:transparent;padding:.8rem 1.1rem;border-radius:12px;font-weight:800;font-size:1.05rem;color:var(--brand-dark);cursor:pointer;transition:.2s}
.tab:hover{background:#f4f8fc}
.tab.active{background:linear-gradient(135deg,rgba(201,162,58,.18),rgba(166,124,45,.18));border:1px solid rgba(201,162,58,.4);color:#11304a}

/* Plans grid and cards */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plan-headings{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:12px 0 10px}
.plan-headings{justify-items:center;align-items:center;background:#fff;border:1px solid #e6edf5;border-radius:14px;padding:10px 12px;box-shadow:0 6px 20px rgba(11,40,64,.06)}
.plan-headings h3{margin:0;color:var(--brand-dark);text-align:center;font-size:1.05rem;font-weight:800;padding:.5rem .9rem;border:1px solid #e6edf5;border-radius:10px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 6px 16px rgba(11,40,64,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.plan-headings h3:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,40,64,.12);border-color:rgba(201,162,58,.4)}
@media(max-width:900px){.plans{grid-template-columns:1fr 1fr};.plan-headings{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.plans{grid-template-columns:1fr};.plan-headings{grid-template-columns:1fr}}

/* Gentle pulse when jumping to section */
@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(201,162,58,.0)}50%{box-shadow:0 0 0 8px rgba(201,162,58,.18)}100%{box-shadow:0 0 0 0 rgba(201,162,58,.0)}}
.pulse{animation:pulseGlow .9s ease}

/* Contact CTAs (WhatsApp / Email) – golden and interactive */
.contact-cta{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(201,162,58,.35);background:linear-gradient(135deg,rgba(201,162,58,.10),rgba(166,124,45,.10));color:var(--brand-dark);box-shadow:0 6px 18px rgba(201,162,58,.12);transition:transform .18s ease, box-shadow .18s ease, filter .18s ease}
.contact-cta:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(201,162,58,.20);filter:saturate(1.05)}
.contact-cta .tb-ico{width:18px;height:18px;border-radius:8px;background-color:#fffbe9;border:1px solid rgba(201,162,58,.45)}
/* Override icons inside contact ctas to golden-tinted SVGs */
.contact-cta .tb-ico.wa{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a67c2d' d='M12 2a10 10 0 1 0 0 20 9.9 9.9 0 0 0 6.2-2.1l2.2.6-.6-2.1A10 10 0 0 0 12 2Zm5.5 14.2c-.2.6-1.1 1.1-1.6 1.1-.4 0-.9 0-2.1-.5-1.2-.5-2.5-1-3.8-2.3-1.3-1.3-1.8-2.6-2.3-3.8-.5-1.2-.5-1.7-.5-2.1 0-.5.5-1.4 1.1-1.6.3-.1.7-.1.9 0 .2.1.5.3.6.9.2.6.5 1.5.5 1.6.1.2 0 .4 0 .5l-.3.6c-.1.1-.1.3 0 .5.2.5.7 1.2 1.3 1.8.6.6 1.3 1.1 1.8 1.3.2.1.4.1.5 0l.6-.3c.1-.1.3-.1.5 0 .1 0 1 .3 1.6.5.6.2.8.4.9.6.1.2.1.6 0 .9Z'/></svg>")}
.contact-cta .tb-ico.mail{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a67c2d' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5L4 8V6l8 5 8-5v2Z'/></svg>")}
@media (prefers-reduced-motion: reduce){.contact-cta{transition:none}.contact-cta:hover{transform:none;box-shadow:0 6px 18px rgba(201,162,58,.12);filter:none}}

/* Static golden title pill (not a link) */
.contact-cta-static{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(201,162,58,.35);background:linear-gradient(135deg,rgba(201,162,58,.10),rgba(166,124,45,.10));color:var(--brand-dark);box-shadow:0 6px 18px rgba(201,162,58,.12);transition:transform .18s ease, box-shadow .18s ease}
.contact-cta-static .tb-ico{width:18px;height:18px;border-radius:8px;background-color:#fffbe9;border:1px solid rgba(201,162,58,.45)}
.contact-cta-static .tb-ico.loc{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a67c2d' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/></svg>")}
.contact-cta-static .tb-ico.mail{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23a67c2d' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5L4 8V6l8 5 8-5v2Z'/></svg>")}
.contact-cta-static:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(201,162,58,.20)}
@media (prefers-reduced-motion: reduce){.contact-cta-static{transition:none}.contact-cta-static:hover{transform:none;box-shadow:0 6px 18px rgba(201,162,58,.12)}}

.plan-card{position:relative;background:#fff;border:1px solid #ebf0f6;border-radius:16px;padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.06);overflow:hidden;transform:translateY(8px);opacity:0;animation:cardIn .5s ease forwards}
.plan-card h3{margin:0 0 6px;color:var(--brand-dark)}
.plan-card .price{font-size:2rem;font-weight:900;color:var(--brand-mid);margin:12px 0 0;border-top:1px solid #e6edf5;padding-top:10px}
.plan-card ul{margin:10px 0 0;padding:0;list-style:none}
.plan-card li{padding:6px 0;color:#3b4a5a}
.plan-card::after{content:"";position:absolute;inset:auto -30% -30% auto;width:180px;height:180px;background:radial-gradient(closest-side,rgba(201,162,58,.18),transparent);transform:rotate(25deg)}
.plan-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(11,40,64,.12)}

.plan-card .plan-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  width:100%;
  margin-top:12px;
  padding:.85rem 1rem;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
  color:#102036;
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);
  box-shadow:0 10px 26px rgba(11,40,64,.12);
  border:0; outline:0;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  overflow:hidden;
}
.plan-card .plan-cta::before{
  content:"";
  width:18px; height:18px;
  display:block;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%23102036><path d=%22M20.52 3.48A11.91 11.91 0 0012 0C5.37 0 0 5.37 0 12c0 2.11.55 4.17 1.6 5.99L0 24l6.2-1.58A12 12 0 0012 24c6.63 0 12-5.37 12-12 0-3.2-1.25-6.21-3.48-8.52zM12 22a9.9 9.9 0 01-5.05-1.39l-.36-.21-3.59.91.96-3.5-.23-.37A9.94 9.94 0 012 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10zm5.02-6.98c-.28-.14-1.65-.81-1.9-.9-.26-.1-.45-.14-.64.14-.19.28-.74.9-.91 1.08-.17.18-.34.21-.62.07-.28-.14-1.18-.44-2.25-1.4-.83-.74-1.39-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.12-.12.28-.31.42-.46.14-.16.19-.27.28-.45.09-.18.05-.34-.02-.48-.07-.14-.64-1.54-.88-2.1-.23-.56-.46-.48-.64-.49l-.55-.01c-.18 0-.48.07-.73.34-.25.28-.96.94-.96 2.29 0 1.34.98 2.64 1.12 2.82.14.18 1.93 2.95 4.69 4.13.66.29 1.18.46 1.58.59.66.21 1.26.18 1.74.11.53-.08 1.65-.67 1.88-1.32.23-.65.23-1.21.16-1.33-.07-.12-.25-.19-.53-.33z%22/></svg>');
  background-size:contain; background-repeat:no-repeat; background-position:center;
}
.plan-card .plan-cta::after{
  content:"";
  position:absolute; inset:0 auto 0 -60%;
  width:40%; transform:skewX(-20deg);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 100%);
  transition:transform .5s ease;
}
.plan-card .plan-cta:hover{ filter:brightness(1.05); transform:translateY(-2px); box-shadow:0 16px 36px rgba(11,40,64,.16); }
.plan-card .plan-cta:hover::after{ transform:translateX(220%); }
.plan-card .plan-cta:active{ transform:translateY(0); }

@keyframes cardIn{to{transform:translateY(0);opacity:1}}

/* Interactive cards and embedded forms */
.card.interactive{transition:transform .2s ease, box-shadow .2s ease}
.card.interactive:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(11,40,64,.12)}
.embed-frame{width:100%;height:760px;border:0;border-radius:10px;background:#fff;opacity:0;transform:translateY(6px);animation:frameIn .45s ease .05s forwards}
@keyframes frameIn{to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.embed-frame{height:1100px}}
@media(max-width:640px){.embed-frame{height:1300px}}

/* Course CTA link styling */
.course-link{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.65rem .95rem;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
  color:var(--brand-mid);
  border:1px solid #e6edf5;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  box-shadow:0 6px 20px rgba(11,40,64,.06);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.course-link::after{
  content:"";
  width:16px;height:16px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22 fill=%22%230e6b8f%22><path d=%22M12 4l1.41 1.41L8.83 10H20v2H8.83l4.58 4.59L12 18l-8-8 8-6z%22 transform=%22rotate(180 12 12)%22/></svg>');
  background-size:contain; background-repeat:no-repeat; background-position:center;
  opacity:.9; transition:transform .2s ease, filter .2s ease;
}
.course-link:hover{
  background:linear-gradient(135deg, rgba(201,162,58,.18), rgba(166,124,45,.18));
  border-color:rgba(201,162,58,.45);
  color:#11304a;
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(11,40,64,.12);
}
.course-link:hover::after{ transform:translateX(3px); filter:brightness(1.05); }

/* Testimonials slider */
.testimonials-slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.testimonials-slider .card{min-width:85%;scroll-snap-align:start}
@media(min-width:900px){
  .testimonials-slider{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}
  .testimonials-slider .card{min-width:auto}
}

/* Page transitions */
@keyframes pageFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body{animation:pageFadeIn .25s ease}
body.page-exit{opacity:0;filter:blur(1px);transition:opacity .22s ease, filter .22s ease}
body.page-exit *{pointer-events:none}
@media (prefers-reduced-motion: reduce){
  body{animation:none}
  body.page-exit{transition:none;filter:none}
}

/* Teachers Section Styles */
.teachers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px}

.teacher-card{background:#fff;border:1px solid #ebf0f6;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}

.teacher-card::before{content:"";position:absolute;inset:-40px auto auto -40px;width:120px;height:120px;background:radial-gradient(closest-side,rgba(201,162,58,.12),transparent);border-radius:50%;opacity:.8}

.teacher-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(11,40,64,.12)}

.teacher-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}

.teacher-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}

.teacher-info{flex:1}

.teacher-info h3{margin:0 0 4px;color:var(--brand-dark);font-size:1.25rem;font-weight:700}

.teacher-title{color:var(--brand-mid);font-size:.9rem;margin:0 0 8px;font-weight:500}

.teacher-rating{display:flex;align-items:center;gap:8px}

.stars{color:#fbbf24;font-size:1rem;letter-spacing:1px}

.rating-text{color:#6b7280;font-size:.85rem;font-weight:500}

.teacher-stats{display:flex;gap:24px;margin-bottom:20px;padding:16px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6}

.stat{text-align:center;flex:1}

.stat-number{display:block;font-size:1.5rem;font-weight:800;color:var(--brand-mid);line-height:1}

.stat-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}

.teacher-feedback{background:linear-gradient(135deg,rgba(201,162,58,.05),rgba(166,124,45,.05));border-left:4px solid var(--gold);padding:16px;border-radius:8px;margin-bottom:20px}

.feedback-text{font-style:italic;color:#374151;margin:0 0 8px;line-height:1.5;font-size:.95rem}

.feedback-author{color:var(--brand-mid);font-size:.85rem;font-weight:600;margin:0}

.teacher-specialties{display:flex;flex-wrap:wrap;gap:8px}

.specialty{background:linear-gradient(135deg,rgba(201,162,58,.15),rgba(166,124,45,.15));color:var(--brand-dark);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(201,162,58,.25)}

@media(max-width:768px){.teachers-grid{grid-template-columns:1fr}.teacher-header{flex-direction:column;text-align:center}.teacher-stats{flex-direction:column;gap:12px}.stat{padding:8px 0}}

/* Utilities */
.muted{color:#5f6b7a;font-size:.9rem}