/* Build with AI's landing page (2026-10-30): the site's look (landing.css, algocademy.css) as on the mock interviews
   page, with screenshots of the real Learn page (assets/, from /var/lib/algocademy-tests/build-landing/capture.mjs):
   how it works beside the builder's questions, the picked projects, the tutor and a scorecard, and what's included. */
.academy-page .bw-hero{display:block;text-align:center;padding-block:60px 30px}
.academy-page .bw-hero h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-2.6px;line-height:1.04;margin:24px auto 22px;max-width:980px}
.bw-hero .hero-description{max-width:660px;margin-inline:auto}
.cta-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}
.bw-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap;margin:28px 0 0}
.bw-shot{margin:0}
.bw-shot img{display:block;width:100%;height:auto;border:1px solid #ccd7cb;border-radius:14px;box-shadow:0 24px 60px #172e3622;background:#fff}
.bw-shot figcaption{margin-top:12px;font-size:13px;color:var(--muted);text-align:center}
.bw-hero-shot{margin:44px auto 0;max-width:1080px}
.bw-how-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:start}
.bw-how-grid .bw-shot{max-width:460px;justify-self:center}
.bw-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:16px}
.bw-steps li{counter-increment:step;position:relative;padding:18px 20px 18px 64px;border:1px solid #ccd7cb;border-radius:16px;background:#fff}
.bw-steps li:before{content:counter(step);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.bw-steps strong{display:block;font-size:16px;margin-bottom:4px}
.bw-steps span{font-size:14px;line-height:1.55;color:var(--muted)}
.bw-projects{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bw-projects li{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid #ccd7cb;border-radius:16px;background:#fff}
.bw-projects strong{font-size:17px;letter-spacing:-.3px}
.bw-projects span{font-size:14px;line-height:1.5;color:var(--muted)}
.bw-projects em{margin-top:auto;padding-top:8px;font-style:normal;font-size:10px;letter-spacing:1.5px;font-weight:650;text-transform:uppercase;color:var(--muted)}
.bw-tutor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:40px;border:1px solid #c8d4bd;border-radius:24px;background:#edf2e5}
.bw-tutor h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.4px;line-height:1.1;margin:8px 0 16px}
.bw-tutor p{font-size:16px;line-height:1.65;margin:0 0 14px}
.bw-tutor .bw-note{font-size:14px;color:var(--muted);margin:0}
.bw-tag{font-size:10px;letter-spacing:1.5px;font-weight:650;color:var(--muted);margin:0 0 10px}
.bw-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bw-plan{border:1px solid #ccd7cb;border-radius:18px;padding:24px;background:#fff}
.bw-plan strong{display:block;font-size:48px;letter-spacing:-2px;font-weight:650;line-height:1.05;margin-bottom:6px}
.bw-plan span{font-size:14px;line-height:1.5;color:var(--muted)}
.bw-plan-pro{background:#edf2e5;border-top:5px solid #7b9653}
.bw-packs{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:22px;padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:#fff}
.bw-packs p{margin:0;font-size:15px;line-height:1.6;max-width:700px}
@media(max-width:960px){.bw-how-grid{grid-template-columns:1fr}.bw-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.bw-tutor{grid-template-columns:1fr;gap:24px;padding:30px}.bw-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.academy-page .bw-hero h1{font-size:38px;letter-spacing:-1.6px}.bw-hero-shot{margin-top:30px}.bw-projects{grid-template-columns:1fr}.bw-plans{grid-template-columns:1fr}.bw-plan strong{font-size:40px}.bw-steps li{padding-left:58px}.bw-steps li:before{left:16px}}