#subjects{position:relative;padding-top:76px;padding-bottom:82px;overflow:hidden}
#subjects:before{content:"";position:absolute;z-index:-1;inset:30px -5vw 20px;border-radius:38px;background:radial-gradient(ellipse at 4% 20%,#eaf2fb 0,transparent 34%),radial-gradient(ellipse at 94% 70%,#f5edf6 0,transparent 32%)}
#subjects .section-heading.subject-section-heading{align-items:flex-end;gap:28px;margin-bottom:27px}
#subjects .subject-section-heading>div{max-width:810px}
#subjects .subject-section-heading .eyebrow{color:#5e769b;font-size:11px;letter-spacing:1.6px;font-weight:800}
#subjects .subject-section-heading h2{max-width:800px;margin:12px 0 9px;color:#1c303a;font:700 clamp(33px,4.3vw,48px)/1.12 var(--display);letter-spacing:-1.8px}
#subjects .subject-section-heading p{max-width:690px;margin:0;color:#596b77;font-size:16px;line-height:1.65}
#subjects .subject-section-heading .text-link{display:inline-flex;align-items:center;gap:12px;flex:none;padding:14px 18px;border:1px solid #d8e1d5;border-radius:10px;background:#fff;color:#263f49;font-size:13px;font-weight:700;box-shadow:0 8px 22px #263f490d;transition:transform .2s,box-shadow .2s,border-color .2s}
#subjects .subject-section-heading .text-link:hover{transform:translateY(-2px);border-color:#bbcbb2;box-shadow:0 12px 25px #263f4915}
#subjects .subject-section-heading .text-link span{color:#637d44;font-size:17px}
#subjects .subject-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
#subjects .subject-card,#subjects .subject-card:nth-child(3n+2),#subjects .subject-card:nth-child(3n){--subject-accent:#4f7bd9;position:relative;display:flex;min-height:217px;flex-direction:column;align-items:flex-start;gap:0;padding:21px;border:1px solid #e1e7e5;border-radius:17px;background:linear-gradient(150deg,#fff 0%,#f8faf9 100%);color:#1c303a;box-shadow:0 9px 26px #1a34400b;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
#subjects .subject-card:after{content:"";position:absolute;right:-36px;top:-42px;width:122px;height:122px;border:1px solid color-mix(in srgb,var(--subject-accent),transparent 76%);border-radius:50%;box-shadow:0 0 0 14px color-mix(in srgb,var(--subject-accent),transparent 94%),0 0 0 30px color-mix(in srgb,var(--subject-accent),transparent 97%);pointer-events:none}
#subjects .subject-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--subject-accent),#fff 58%);box-shadow:0 18px 34px #1a344018}
#subjects .subject-accent-1{--subject-accent:#4f7bd9!important}.subject-accent-2{--subject-accent:#9368c8!important}.subject-accent-3{--subject-accent:#5f6fd2!important}.subject-accent-4{--subject-accent:#249d91!important}.subject-accent-5{--subject-accent:#419768!important}.subject-accent-6{--subject-accent:#2395b6!important}.subject-accent-7{--subject-accent:#df7666!important}.subject-accent-8{--subject-accent:#d39a37!important}
#subjects .subject-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border:1px solid color-mix(in srgb,var(--subject-accent),#fff 80%);border-radius:14px;background:color-mix(in srgb,var(--subject-accent),#fff 92%);color:var(--subject-accent)}
#subjects .subject-icon svg{width:32px;height:32px;overflow:visible}#subjects .subject-icon svg text{fill:var(--subject-accent);font:700 27px var(--display)}
#subjects .subject-card>b{margin-bottom:7px;color:#1f343d;font:700 21px/1.25 var(--display);letter-spacing:-.35px}
#subjects .subject-card>span:nth-of-type(2){max-width:270px;color:#61717b;font-size:14px;line-height:1.55}
#subjects .subject-card-action{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;color:var(--subject-accent);font-size:13px;font-weight:700}
#subjects .subject-card-action span{font-size:16px;transition:transform .2s}
#subjects .subject-card:hover .subject-card-action span{transform:translate(3px,-2px)}
@media(max-width:1000px){#subjects{padding-top:62px;padding-bottom:66px}#subjects .subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}#subjects .subject-card,#subjects .subject-card:nth-child(3n+2),#subjects .subject-card:nth-child(3n){min-height:205px}}
@media(max-width:650px){#subjects{padding-top:52px;padding-bottom:56px}#subjects .section-heading.subject-section-heading{align-items:flex-start;flex-direction:column;gap:15px}#subjects .subject-section-heading h2{font-size:clamp(30px,8vw,39px);letter-spacing:-1.2px}#subjects .subject-section-heading p{font-size:14px}#subjects .subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#subjects .subject-card,#subjects .subject-card:nth-child(3n+2),#subjects .subject-card:nth-child(3n){min-height:197px;padding:15px;border-radius:14px}#subjects .subject-icon{width:40px;height:40px;margin-bottom:17px}#subjects .subject-card>b{font-size:17px}#subjects .subject-card>span:nth-of-type(2){font-size:12px}#subjects .subject-card-action{font-size:12px}}
@media(max-width:390px){#subjects .subject-grid{grid-template-columns:1fr}#subjects .subject-card,#subjects .subject-card:nth-child(3n+2),#subjects .subject-card:nth-child(3n){min-height:165px}}