.etc-learn{max-width:1320px;margin:0 auto;padding:28px 18px 70px;color:var(--etc-text,#17221d)}
.etc-learn__hero{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:44px;border-radius:28px;background:linear-gradient(125deg,#08130f,#113d2d 70%,#806322);color:#fff;box-shadow:0 24px 60px rgba(4,28,18,.22)}
.etc-learn__hero h1{font-size:clamp(34px,5vw,66px);line-height:1;margin:8px 0 18px;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}.etc-learn__hero p{max-width:820px;font-size:18px;line-height:1.6;margin:0;color:#dcebe4}.etc-learn__eyebrow{font-weight:800;letter-spacing:.16em;color:#e5bf62}.etc-learn__stat{min-width:150px;text-align:center}.etc-learn__stat strong{display:block;font-size:64px;color:#e5bf62}.etc-learn__stat span{font-weight:700}.etc-learn__nav{display:flex;gap:10px;overflow:auto;padding:24px 0}.etc-learn__nav a,.etc-learn__back{white-space:nowrap;padding:10px 16px;border-radius:999px;background:#edf3ef;color:#173d2f;text-decoration:none;font-weight:700}.etc-learn__nav a.is-active{background:#146b4a;color:#fff}.etc-learn__notice{padding:14px 18px;margin-bottom:22px;border:1px solid #cfe4d8;border-radius:14px;background:#f4faf6;color:#24503e}.etc-learn__notice i{margin-right:8px}.etc-learn__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.etc-learn__card{overflow:hidden;border:1px solid #dfe8e2;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(16,49,36,.08);display:flex;flex-direction:column}.etc-learn__card.is-open{border-color:#3da879;box-shadow:0 12px 34px rgba(31,139,93,.18)}.etc-learn__card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.etc-learn__body{display:flex;flex:1;flex-direction:column;padding:20px}.etc-learn__status{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#f1f3f2;color:#637169;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.is-open .etc-learn__status{background:#daf4e6;color:#12663f}.etc-learn__body h2{font-size:19px;line-height:1.3;margin:14px 0 9px}.etc-learn__desc{font-size:14px;line-height:1.45;color:#647069;max-height:64px;overflow:hidden}.etc-learn__foot{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px}.etc-learn__foot strong{font-size:20px}.etc-learn__btn{display:inline-block;padding:11px 15px;border-radius:12px;background:#146b4a;color:#fff!important;text-decoration:none;font-weight:800;text-align:center}.etc-learn__lessons{display:block;margin-top:14px;color:#146b4a;font-weight:700;text-decoration:none}@media(max-width:980px){.etc-learn__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.etc-learn{padding:14px 10px 50px}.etc-learn__hero{padding:28px 22px;display:block}.etc-learn__hero h1{font-size:34px}.etc-learn__stat{display:none}.etc-learn__grid{grid-template-columns:1fr}.etc-learn__foot{align-items:flex-start;flex-direction:column}.etc-learn__btn{width:100%}}