.acadame .c-hero { background:var(--primary); color:#fff; padding:32px 0 40px; position:relative; overflow:hidden; } .acadame .c-hero::before { content:""; position:absolute; right:-160px; top:-160px; width:520px; height:520px; border-radius:50%; border:70px solid rgba(255,255,255,.04); pointer-events:none; } .acadame .c-hero-in { display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:start; } .acadame .c-hero h1 { color:#fff !important; font-size:clamp(24px,2.6vw,32px) !important; max-width:none; margin:10px 0 10px !important; } .acadame .c-hero .lede { color:#D9E3F5; font-size:15px !important; max-width:62ch; margin-bottom:14px !important; } .acadame .crumbs { display:flex; flex-wrap:wrap; gap:6px; font-size:12.5px; color:#B9C6DD; margin-bottom:6px; } .acadame .crumbs a { color:#D9E3F5; } .acadame .crumbs span::after { content:"›"; margin-left:6px; } .acadame .c-meta { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin-bottom:8px; font-size:13px; color:#D9E3F5; } .acadame .c-meta .stars { color:#F5A623; letter-spacing:1px; } .acadame .modes-row { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; } .acadame .modes-row span { display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); font-size:12.5px; font-weight:600; } .acadame .modes-row span::before { content:"✓"; color:var(--red); font-weight:800; } .acadame .facts { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(255,255,255,.18); border-radius:12px; overflow:hidden; margin-bottom:14px; } .acadame .facts div { padding:11px 14px; border-right:1px solid rgba(255,255,255,.18); } .acadame .facts div:last-child { border:0; } .acadame .facts em { display:block; font-style:normal; font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:#B9C6DD; margin-bottom:2px; } .acadame .facts strong { font-size:14px; color:#fff; line-height:1.25; display:block; } .acadame .partner { display:flex; gap:14px; align-items:center; margin-bottom:16px; } .acadame .partner img { height:56px; width:auto; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:8px; padding:6px 10px; } .acadame .partner strong { display:block; font-size:14px; color:#fff; } .acadame .partner span { font-size:13px; color:#D9E3F5; } .acadame .study { background:#fff; border-radius:var(--radius); box-shadow:var(--sh); color:var(--primary); padding:18px; } .acadame .study h2 { font-size:17px !important; text-align:center; margin-bottom:12px !important; } .acadame .opt { display:grid; grid-template-columns:18px 1fr auto; gap:6px 10px; align-items:center; padding:11px 12px; border:1px solid var(--border); border-radius:11px; margin-bottom:8px; text-align:left; width:100%; background:#fff; color:var(--primary); transition:.15s; } .acadame .opt:hover, .acadame .opt.sel { border-color:var(--red); background:var(--lr); } .acadame .opt i { width:16px; height:16px; border-radius:50%; border:2px solid var(--border); display:block; } .acadame .opt.sel i { border-color:var(--red); box-shadow:inset 0 0 0 3px #fff; background:var(--red); } .acadame .opt strong { font-size:14px; } .acadame .opt b { font-size:13px; color:var(--red); white-space:nowrap; } .acadame .opt small { grid-column:2/4; font-size:12.5px; color:var(--text); } .acadame .opt .tagp { display:inline-block; margin-top:4px; padding:2px 8px; border-radius:999px; background:var(--lb); color:var(--primary); font-size:11px; font-weight:700; } .acadame .perks { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:12px 0; text-align:center; font-size:11.5px; font-weight:600; color:var(--primary); } .acadame .perks svg { width:20px; height:20px; color:var(--red); display:block; margin:0 auto 4px; } .acadame .pay-row { display:flex; align-items:center; justify-content:center; gap:10px; font-size:12px; color:var(--text); margin-top:10px; } .acadame .pay-row img { height:16px; width:auto; vertical-align:middle; } .acadame .pay-row img[alt="Klarna"] { height:10px; } .acadame .study .btn { width:100%; } .acadame .study .btn + .btn { margin-top:8px; } .acadame .two-col { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .acadame .ticks.red li::before { background:var(--red); } .acadame .ticks.blue li::before { background:var(--blue); } .acadame .card h2 { font-size:20px !important; margin-bottom:10px !important; } .acadame .card.navy { background:var(--primary); color:#fff; border-color:var(--primary); } .acadame .card.navy h2, .acadame .card.navy h3 { color:#fff !important; } .acadame .card.navy p { color:#D9E3F5; } .acadame .card .who { display:flex; gap:14px; } .acadame .card .who .pi { flex:0 0 44px; width:44px; height:44px; border-radius:50%; background:#fff; color:var(--red); display:grid; place-items:center; font-size:22px; box-shadow:var(--sh); } .acadame .units { display:grid; grid-template-columns:1fr 1.4fr; gap:12px; } .acadame .unit { background:#fff; border:1px solid var(--border); border-radius:12px; padding:18px; } .acadame .unit em { display:block; font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--red); font-weight:700; margin-bottom:4px; } .acadame .unit h3 { font-size:17px !important; margin-bottom:8px !important; } .acadame .unit ul { columns:var(--cols,1); column-gap:20px; } .acadame .unit li { position:relative; padding-left:14px; font-size:13.5px; margin-bottom:5px; break-inside:avoid; } .acadame .unit li::before { content:""; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:50%; background:var(--red); } .acadame .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .acadame .step { position:relative; background:#fff; border:1px solid var(--border); border-radius:12px; padding:26px 18px 18px; } .acadame .step b { position:absolute; top:-14px; left:18px; width:28px; height:28px; border-radius:50%; background:var(--primary); color:#fff; display:grid; place-items:center; font-size:13px; } .acadame .step h3 { font-size:16px !important; margin-bottom:6px !important; } .acadame .step p { font-size:14px !important; margin:0 !important; } .acadame .booking { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:18px; } .acadame .tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; } .acadame .tab { padding:9px 14px; border-radius:9px; background:var(--light); color:var(--primary); font-weight:600; font-size:13.5px; border:1px solid transparent; } .acadame .tab[aria-selected="true"] { background:var(--red); color:#fff; } .acadame .tpanel { display:none; } .acadame .tpanel.on { display:block; } .acadame .dfilters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; } .acadame .dfilters select { height:38px; padding:0 10px; border:1px solid var(--border); border-radius:8px; background:#fff; color:var(--primary); font-size:13.5px; } .acadame .dates { display:grid; gap:8px; } .acadame .date { display:grid; grid-template-columns:1fr auto auto; gap:8px 16px; align-items:center; padding:12px 14px; border:1px solid var(--border); border-radius:11px; } .acadame .date strong { font-size:14.5px; color:var(--primary); display:block; } .acadame .date small { font-size:12.5px; color:var(--text); } .acadame .date .pr { font-weight:700; color:var(--primary); font-size:14.5px; } .acadame .date .pr small { font-weight:500; } .acadame .date .few { color:var(--red); font-weight:600; } .acadame .date .btn { min-height:36px; padding:6px 14px !important; font-size:13px !important; } .acadame .dates .empty { padding:18px; border:1px dashed var(--border); border-radius:11px; text-align:center; font-size:14px; color:var(--text); } .acadame .resit { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--border); font-size:14px; } .acadame .resit b { color:var(--primary); } .acadame .oform { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .acadame .oform .full { grid-column:1/-1; } .acadame .oform label { display:block; font-size:12.5px; font-weight:600; margin-bottom:5px; color:var(--primary); } .acadame .oform input, .acadame .oform select, .acadame .oform textarea { width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:8px; font-size:14px; background:#fff; color:#1a2740; } .acadame .oform textarea { min-height:90px; } .acadame .rel { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .acadame .rel a { background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; color:var(--primary); transition:.15s; display:flex; flex-direction:column; } .acadame .rel a:hover { border-color:var(--red); transform:translateY(-2px); box-shadow:var(--sh); } .acadame .rel .top { background:var(--lb); height:80px; display:grid; place-items:center; font-size:30px; color:var(--primary); } .acadame .rel .bd { padding:14px 16px 16px; } .acadame .rel em { display:block; font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--red); font-weight:700; margin-bottom:4px; } .acadame .rel strong { display:block; font-size:15px; line-height:1.3; margin-bottom:6px; } .acadame .rel span { font-size:13px; color:var(--text); } .acadame .rel .go { margin-top:auto; padding:0 16px 14px; color:var(--red); font-weight:600; font-size:13px; } .acadame .sticky-cta { display:none; } @media (max-width:1024px) { .acadame .c-hero-in, .acadame .two-col, .acadame .units, .acadame .oform { grid-template-columns:1fr; } .acadame .steps, .acadame .rel { grid-template-columns:1fr; } } @media (max-width:640px) { .acadame .facts { grid-template-columns:1fr 1fr; } .acadame .facts div:nth-child(2) { border-right:0; } .acadame .facts div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.18); } .acadame .date { grid-template-columns:1fr; } .acadame .perks { grid-template-columns:1fr 1fr 1fr; font-size:11px; } .acadame .sticky-cta { display:flex; position:fixed; left:0; right:0; bottom:0; z-index:90; gap:8px; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid var(--border); box-shadow:0 -8px 24px rgba(15,48,105,.12); } .acadame .sticky-cta .btn { flex:1; } }
/* ---- Ways to learn ---- */
.acadame .wtl-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.acadame .wtl { background:#fff; border:1px solid var(--border); border-radius:14px; padding:22px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--sh); }
.acadame .wtl.soft { background:#FBFCFE; }
.acadame .wtl .pi { width:40px; height:40px; border-radius:10px; background:var(--lb); color:var(--primary); display:grid; place-items:center; }
.acadame .wtl .pi svg { width:20px; height:20px; }
.acadame .wtl h3 { margin:4px 0 0 !important; font-size:17px; color:var(--primary); }
.acadame .wtl p { margin:0 !important; font-size:14px; }
.acadame .wtl .wtl-meta { margin-top:6px !important; padding-top:10px; border-top:1px solid var(--border); font-size:14px; }
.acadame .wtl .wtl-meta b { color:var(--primary); display:block; font-size:15px; }
.acadame .wtl .wtl-meta span { display:block; color:var(--text); font-size:13px; margin-top:2px; }
.acadame .wtl-go { margin-top:auto; padding-top:12px; font-weight:700; font-size:14px; color:var(--red-ink); text-decoration:none; }
.acadame .wtl-go:hover { text-decoration:underline; }

/* ---- Dates board ---- */
.acadame .chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.acadame .chip { font:inherit; font-size:13.5px; font-weight:600; color:var(--primary); background:#fff; border:1px solid var(--border); border-radius:999px; padding:9px 15px; min-height:40px; cursor:pointer; }
.acadame .chip b { font-weight:700; color:var(--text); margin-left:4px; }
.acadame .chip.on { background:var(--primary); border-color:var(--primary); color:#fff; }
.acadame .chip.on b { color:#C9DAF7; }
.acadame .chip:focus-visible { outline:3px solid rgba(50,128,250,.4); outline-offset:2px; }
.acadame .drows { display:flex; flex-direction:column; gap:10px; }
.acadame .drow { display:grid; grid-template-columns:1.1fr 1.3fr .7fr auto; gap:16px; align-items:center;
  background:#fff; border:1px solid var(--border); border-radius:12px; padding:14px 18px; }
.acadame .drow[hidden] { display:none; }
.acadame .dwhen strong { display:block; color:var(--primary); font-size:15.5px; }
.acadame .dwhen span { font-size:12.5px; color:var(--text); }
.acadame .dwhere { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:14px; }
.acadame .tagm { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:3px 9px; border-radius:999px; background:var(--light); color:var(--text); }
.acadame .tagm.online { background:var(--lb); color:var(--primary); }
.acadame .few { font-style:normal; font-size:12.5px; font-weight:700; color:var(--red-ink); }
.acadame .dprice { font-weight:700; color:var(--primary); font-size:16px; }
.acadame .dprice small { display:block; font-weight:500; font-size:12px; color:var(--text); }
.acadame .dgo .btn { min-height:42px; padding:10px 20px; }
.acadame .btn.is-full { opacity:.55; pointer-events:none; }
.acadame .dnone { margin-top:14px !important; font-weight:600; color:var(--primary); }
.acadame .dates-empty { background:#fff; border:1px solid var(--border); border-radius:14px; padding:26px; text-align:center; }
.acadame .dates-empty .acts { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:14px; }
@media (max-width:820px) {
  .acadame .drow { grid-template-columns:1fr 1fr; row-gap:12px; }
  .acadame .dgo { grid-column:1/-1; }
  .acadame .dgo .btn { width:100%; text-align:center; }
}
.acadame .wtl-mb { font-size:13px; font-weight:600; color:var(--primary); text-decoration:underline; padding-top:6px; }
.acadame .wtl-go { margin-top:auto; }
.acadame .wtl:has(.wtl-mb) .wtl-go { margin-top:auto; padding-bottom:0; }