:root{--paper:#f7f4ea;--white:#fff;--ink:#1d2830;--muted:#5f696d;--rule:#dedbd2;--chem:#a9442d;--chem-soft:#f2c7b6;--geography:#467a54;--geography-soft:#bfd8c4;--physics:#2f6292;--physics-soft:#9fc7c0;--biology:#d6783d;--biology-soft:#f0c78c;--literature:#77518f;--literature-soft:#d9c4e3;--mathematics:#126d78;--mathematics-soft:#b7dde0;--history:#9d3d25;--history-soft:#f2c3aa;--english:#315f91;--english-soft:#bdd5eb}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
body{width:min(1180px,100%);margin:0 auto;min-height:100vh;background:var(--white);box-shadow:0 0 32px #24323a0d}
.skip{position:absolute;left:1rem;top:-5rem;background:#fff;color:#153b5c;padding:.75rem 1rem;z-index:10}.skip:focus{top:1rem}
.hero{min-height:320px;position:relative;overflow:hidden;padding:54px clamp(30px,7vw,88px);background:var(--paper);border-right:18px solid var(--physics-soft)}
.hero:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;left:-165px;top:-175px;background:var(--chem-soft)}
.mebi{position:relative;width:max-content;color:#fff;font-size:46px;font-weight:900;letter-spacing:-.06em;line-height:1;border-bottom:7px solid #fff;padding:0 3px 8px;z-index:1}
.hero-copy{margin:35px 0 0 clamp(0px,17vw,205px);max-width:650px;position:relative;z-index:1}
.kicker{font-size:15px;font-weight:700;color:var(--physics);margin:0 0 8px}
h1{font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:760px}
.hero-copy>p:last-child{font-size:18px;line-height:1.55;color:var(--muted);max-width:620px;margin:24px 0 0}
.subject-bars{position:absolute;right:44px;bottom:30px;display:flex;gap:7px}.subject-bars i{display:block;width:18px;height:18px}.subject-bars i:nth-child(1){background:var(--chem)}.subject-bars i:nth-child(2){background:var(--physics)}.subject-bars i:nth-child(3){background:var(--biology)}
main{padding:clamp(35px,6vw,72px) clamp(24px,6vw,72px)}
h2{font-size:24px;margin:0 0 24px}
.courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.course{--tone:var(--chem);--soft:var(--chem-soft);min-height:270px;display:flex;flex-direction:column;padding:28px;color:var(--ink);text-decoration:none;border-right:1px solid var(--rule);position:relative;transition:background-color .18s ease}
.course:nth-child(2n){border-right:0}.course.geography{--tone:var(--geography);--soft:var(--geography-soft)}.course.physics{--tone:var(--physics);--soft:var(--physics-soft)}.course.biology{--tone:var(--biology);--soft:var(--biology-soft)}.course.literature{--tone:var(--literature);--soft:var(--literature-soft)}.course.mathematics{--tone:var(--mathematics);--soft:var(--mathematics-soft)}.course.history{--tone:var(--history);--soft:var(--history-soft)}.course.english{--tone:var(--english);--soft:var(--english-soft)}
.course:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--tone)}
.course:hover{background:color-mix(in srgb,var(--soft) 28%,white)}
.course:focus-visible{outline:4px solid #145a83;outline-offset:4px;z-index:2}
.course-code{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--soft);color:var(--tone);font-size:38px;font-weight:900;margin:8px 0 30px}
.course-copy strong{display:block;font-size:31px;line-height:1.1}.course-copy small{display:block;color:var(--muted);font-size:15px;margin-top:9px}
.open{margin-top:auto;color:var(--tone);font-weight:700;display:flex;align-items:center;justify-content:space-between;padding-top:26px}
.open span{font-size:24px;transition:transform .18s ease}.course:hover .open span{transform:translateX(4px)}
footer{margin:0 clamp(24px,6vw,72px);border-top:1px solid var(--rule);padding:24px 0 35px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:10px}
.footer-squares{display:flex;gap:4px}.footer-squares i{width:13px;height:13px;background:var(--physics)}
@media(max-width:760px){.hero{min-height:300px;padding:38px 26px;border-right-width:10px}.hero:before{width:300px;height:300px;left:-165px;top:-150px}.mebi{font-size:34px}.hero-copy{margin:52px 0 0}.hero-copy>p:last-child{font-size:16px}.subject-bars{right:25px;bottom:22px}.courses{grid-template-columns:1fr}.course{min-height:205px;border-right:0;border-bottom:1px solid var(--rule)}.course:last-child{border-bottom:0}.course-code{width:58px;height:58px;font-size:30px;margin-bottom:20px}.course-copy strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.course,.open span{transition:none}.course:hover .open span{transform:none}}