[hidden]{display:none!important}
.subject-home{min-height:calc(100vh - 230px);display:flex;flex-direction:column;justify-content:center;gap:32px;padding:24px 0 48px}
.subject-intro{text-align:center}.subject-intro h1{font-size:clamp(38px,6.5vw,72px);line-height:1.08;margin:14px 0}.subject-intro p{color:#b4cbd8;font-size:clamp(16px,2vw,20px);line-height:1.6;margin:0}
.subject-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1220px;width:100%;margin:0 auto}
.subject-card{min-height:290px;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,4vw,38px);border:1px solid #3c6983;border-radius:26px;text-decoration:none;color:#f5fbff;box-shadow:0 24px 70px #010a1655;transition:transform .2s,border-color .2s,box-shadow .2s}
.subject-card:hover,.subject-card:focus-visible{transform:translateY(-5px);border-color:#b5e8ff;box-shadow:0 30px 80px #010a1690;outline:none}
.subject-card.biology{background:radial-gradient(circle at 90% 0,#1f7e75 0,#12504c 34%,#092a34 78%)}
.subject-card.english{background:radial-gradient(circle at 90% 0,#ac704d 0,#704755 37%,#252d4f 84%)}
.subject-card.ielts{background:radial-gradient(circle at 90% 0,#845dd1 0,#4d3b8c 37%,#1d284f 84%)}
.subject-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid #ffffff66;border-radius:16px;background:#ffffff24;color:#eafff6;font-size:28px;font-weight:900;margin-bottom:24px}
.subject-kicker{font-size:11px;font-weight:900;letter-spacing:2.5px;color:#c2eaf1}.subject-card strong{font-size:clamp(31px,4vw,47px);margin:8px 0}.subject-card strong small{font-size:.45em;font-weight:700;vertical-align:middle;color:#d5edf0}.subject-description{font-size:15px;line-height:1.55;color:#d8e7ee}.subject-card b{margin-top:auto;padding-top:23px;color:#fff;font-size:15px}
.subject-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:-10px 0 35px;font-size:13px;font-weight:800;color:#9fc1d2}.subject-breadcrumb a{border:1px solid #396b82;border-radius:999px;padding:10px 14px;color:#d5effb;text-decoration:none}.subject-breadcrumb a:hover,.subject-breadcrumb a:focus-visible{background:#164361;outline:2px solid #6bc9f8}
@media(max-width:980px){.subject-options{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-card.ielts{grid-column:1/-1}}
@media(max-width:680px){.subject-home{justify-content:flex-start;padding-top:24px}.subject-options{grid-template-columns:1fr;gap:14px}.subject-card.ielts{grid-column:auto}.subject-card{min-height:215px;padding:23px}.subject-icon{width:44px;height:44px;font-size:22px;margin-bottom:13px}.subject-card strong{margin:4px 0;font-size:34px}.subject-card b{padding-top:12px}.subject-breadcrumb{margin:0 0 25px}}