.free-learning-page{--free-blue:#1a3e74;--free-red:#d94639;--free-powder:#c6dae8;--free-slate:#2d3049;--free-pink:#ffdcd4;--free-gray:#a5a9b1;--free-white:#f8f8f8;--free-black:#090f12;--free-accent:#f9c21f;background:var(--free-white);color:var(--free-slate)}
.free-learning-page .site-header .button-nav{background:#f9c21f;color:#1a3e74}
.free-shell{width:min(1360px,calc(100% - 104px));margin-inline:auto}
.free-hero{position:relative;isolation:isolate;min-height:760px;overflow:hidden;background:var(--free-blue);color:var(--free-white)}
.free-hero-media{position:absolute;z-index:-3;inset:0 0 0 auto;width:55%;margin:0;overflow:hidden;border-radius:140px 0 0 0;background:var(--free-black)}
.free-hero-media img{position:absolute;inset:0 0 auto;width:100%;height:145%;object-fit:cover;object-position:center top}
.free-hero-media::after{content:"";position:absolute;inset:0;background:#1a3e7459}
.free-hero-scrim{position:absolute;z-index:-2;left:40%;top:0;width:29%;height:100%;background:var(--free-blue);transform:skewX(-8deg);transform-origin:top}
.free-hero::before{content:"";position:absolute;z-index:-1;left:-250px;bottom:-395px;width:660px;height:660px;border:1px solid #c6dae82e;border-radius:50%;box-shadow:0 0 0 75px #c6dae808,0 0 0 150px #c6dae807}
.free-hero-layout{min-height:760px;display:flex;align-items:center;padding:68px 0 72px}
.free-hero-copy{position:relative;z-index:2;width:min(680px,55%)}
.free-red-rule{display:block;width:60px;height:7px;margin-bottom:20px;background:var(--free-red)}
.free-hero-eyebrow{margin:0 0 16px;color:var(--free-powder);font:600 10px/1.5 Poppins,Arial,sans-serif;letter-spacing:.24em}
.free-hero h1{margin:0;color:var(--free-white);font:700 clamp(52px,5.3vw,80px)/.98 Montserrat,Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase}
.free-hero h1 em{display:inline-block;margin-top:7px;color:var(--free-accent);font-style:normal}
.free-hero h2{margin:22px 0 13px;color:var(--free-white);font:700 clamp(25px,2.3vw,34px)/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.035em}
.free-hero-intro{max-width:610px;margin:0;color:var(--free-powder);font:400 14px/1.75 Poppins,Arial,sans-serif}
.free-topic-area{margin-top:26px}
.free-topic-area>p{margin:0 0 13px;color:var(--free-accent);font:600 9px/1.5 Poppins,Arial,sans-serif;letter-spacing:.18em}
.free-topic-area ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:0;padding:0;list-style:none}
.free-topic-area li{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:9px;color:var(--free-white);font:500 10px/1.45 Poppins,Arial,sans-serif}
.free-topic-area li>span{width:31px;height:31px;display:grid;place-items:center;color:var(--free-accent)}
.free-topic-area .icon{width:27px;height:27px}
.free-hero-button{width:min(405px,100%);min-height:57px;margin-top:29px;padding:15px 23px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--free-accent);color:var(--free-blue);font:700 11px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.055em;transition:transform .25s ease,background .25s ease}
.free-hero-button span{color:var(--free-red);font-size:20px;transition:transform .2s}
.free-hero-button:hover{transform:translateY(-3px);background:var(--free-white)}
.free-hero-button:hover span{transform:translateX(4px)}
.free-hero-bars{position:absolute;right:52px;bottom:28px;display:flex;gap:7px}
.free-hero-bars i{display:block;width:40px;height:5px;background:var(--free-accent)}
.free-hero-bars i:nth-child(2){background:var(--free-blue)}
.free-hero-bars i:nth-child(3){background:var(--free-red)}
.free-explore{position:relative;overflow:hidden;padding:118px 0 126px;background:var(--free-white)}
.free-explore::before{content:"";position:absolute;right:-250px;top:-250px;width:520px;height:520px;border:1px solid var(--free-powder);border-radius:50%;box-shadow:0 0 0 70px var(--free-white),0 0 0 71px var(--free-powder)}
.free-explore-heading{position:relative;display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:80px;align-items:start;margin-bottom:55px}
.free-explore-heading>p{display:flex;align-items:center;gap:16px;margin:13px 0 0;color:var(--free-blue);font:600 10px/1.5 Poppins,Arial,sans-serif;letter-spacing:.18em}
.free-explore-heading>p span{width:48px;height:5px;background:var(--free-red)}
.free-explore-heading h2{margin:0;color:var(--free-blue);font:700 clamp(42px,4.3vw,67px)/1.03 Montserrat,Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.free-explore-heading h2 em{color:var(--free-red);font-style:normal}
.free-option-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.free-option-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:30px 28px 27px;overflow:hidden;border:1px solid var(--free-powder);background:var(--free-white);box-shadow:0 17px 42px #090f1210;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.free-option-card:first-child{border-radius:0 0 0 62px;background:var(--free-blue);color:var(--free-white)}
.free-option-card:nth-child(2){background:var(--free-powder)}
.free-option-card:nth-child(3){background:var(--free-pink)}
.free-option-card:last-child{border-radius:0 62px 0 0}
.free-option-card:hover{transform:translateY(-8px);box-shadow:0 27px 55px #090f1224}
.free-option-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:38px}
.free-option-top>span:first-child{color:var(--free-red);font:700 13px/1.4 Montserrat,Arial,sans-serif}
.free-option-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:var(--free-white);color:var(--free-blue);box-shadow:0 11px 28px #090f1214}
.free-option-icon .icon{width:38px;height:38px}
.free-option-mode{margin:0 0 10px!important;color:var(--free-red)!important;font:600 9px/1.45 Poppins,Arial,sans-serif!important;letter-spacing:.2em}
.free-option-card:first-child .free-option-mode{color:var(--free-accent)!important}
.free-option-card h3{margin:0 0 16px;color:var(--free-blue);font:700 24px/1.3 Montserrat,Arial,sans-serif;letter-spacing:-.035em}
.free-option-card:first-child h3{color:var(--free-white)}
.free-option-card>p:not(.free-option-mode){margin:0 0 28px;color:var(--free-slate);font:400 12px/1.75 Poppins,Arial,sans-serif}
.free-option-card:first-child>p:not(.free-option-mode){color:var(--free-powder)}
.free-option-card>a,.free-option-card>button{width:100%;min-height:48px;margin-top:auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-top:1px solid var(--free-blue);background:transparent;color:var(--free-blue);font:700 10px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.055em;text-align:left}
.free-option-card:first-child>button{border-color:var(--free-powder);color:var(--free-white)}
.free-option-card>a span,.free-option-card>button span{color:var(--free-red);font-size:18px;transition:transform .2s}
.free-option-card:first-child>button span{color:var(--free-accent)}
.free-option-card>a:hover span,.free-option-card>button:hover span{transform:translateX(4px)}
@media(max-width:1120px){.free-hero-copy{width:62%}.free-hero-media{width:49%}.free-hero-scrim{left:43%;width:27%}.free-explore-heading{gap:45px}.free-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.free-option-card{min-height:360px}.free-option-card:nth-child(2){border-radius:0 54px 0 0}.free-option-card:nth-child(3){border-radius:0 0 0 54px}.free-option-card:last-child{border-radius:0}}
@media(max-width:820px){.free-shell{width:calc(100% - 44px)}.free-hero{min-height:0;padding-bottom:0}.free-hero-layout{min-height:620px;padding:64px 0}.free-hero-copy{width:100%}.free-hero-media{position:relative;z-index:0;inset:auto;width:100%;height:330px;border-radius:0 72px 0 0}.free-hero-media img{height:145%}.free-hero-media::after{background:#1a3e7438}.free-hero-scrim{display:none}.free-hero-bars{right:22px;bottom:18px}.free-topic-area ul{grid-template-columns:repeat(2,minmax(0,1fr))}.free-explore{padding:82px 0 90px}.free-explore-heading{grid-template-columns:1fr;gap:25px;margin-bottom:38px}.free-explore-heading>p{margin:0}.free-explore-heading h2{font-size:clamp(36px,9.4vw,51px)}}
@media(max-width:560px){.free-shell{width:calc(100% - 36px)}.free-hero-layout{min-height:0;padding:58px 0 53px}.free-hero h1{font-size:clamp(43px,13.5vw,58px)}.free-hero h2{font-size:24px}.free-hero-intro{font-size:13px}.free-topic-area ul{grid-template-columns:1fr;gap:8px}.free-topic-area li{font-size:10px}.free-hero-media{height:290px}.free-hero-bars i{width:28px}.free-option-grid{grid-template-columns:1fr;gap:13px}.free-option-card{min-height:330px;border-radius:0!important}.free-option-card:first-child{border-radius:0 0 0 48px!important}.free-option-card:last-child{border-radius:0 48px 0 0!important}}
@media(prefers-reduced-motion:reduce){.free-hero-button,.free-hero-button span,.free-option-card,.free-option-card>a span,.free-option-card>button span{transition:none}}
