.freeClass{background:var(--paper);color:var(--ink);padding:110px max(36px,50vw - 580px)}
.freeClassInner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1160px;margin:auto}
.freeClassCopy h2{letter-spacing:-.055em;font-size:clamp(34px,4.2vw,54px);line-height:1.05;font-family:Poppins,Arial,sans-serif;font-weight:900;text-transform:uppercase;margin:18px 0 22px}
.freeClassCopy h2 span{color:var(--red)}
.freeClassCopy p{color:#5f5e59;font-size:17px;line-height:1.65;max-width:480px;margin:0}
.freeClassForm{background:var(--ink);color:#fff;padding:38px;border-radius:6px;box-shadow:14px 15px 0 var(--green);display:flex;flex-direction:column;gap:18px}
.freeClassForm label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}
.freeClassForm input{background:#ffffff12;border:1px solid #ffffff33;border-radius:4px;padding:14px 16px;color:#fff;font-size:15px;font-weight:600;font-family:Arial,Helvetica,sans-serif;width:100%}
.freeClassForm input::placeholder{color:#ffffff66}
.freeClassForm input:focus{outline:none;border-color:var(--green);background:#ffffff1c}
.freeClassForm .button{width:100%;min-width:0;margin-top:6px;border:none;cursor:pointer}
.freeClassForm small{color:#ffffff80;font-size:11px;text-align:center;line-height:1.5}
.freeClassForm .formNote{text-align:center;color:var(--green);font-size:12px;font-weight:800;display:none;margin-top:-6px}
.freeClassForm .formNote.show{display:block}
@media (width<=900px){.freeClassInner{grid-template-columns:1fr}}
@media (width<=600px){.freeClass{padding:85px 20px}.freeClassForm{padding:26px}}