.popular-courses-title { font-family:'Comfortaa', cursive, sans-serif; font-size:40px; font-weight:600; margin-bottom:40px; margin-top:0; color:#18181b; letter-spacing:.02em; text-align:left; }
.hero-highlight-text-cta { color:#707DFF; text-decoration:underline; border:none; padding:0; margin:0; display:inline; }
.cta-left { margin: 50px 0 50px 0; }
.cta-light-section { background:#ffffff; border-radius:25px; box-shadow:0 4px 32px rgba(112,125,255,0.06); padding:0 0 0 80px; margin:0 0 80px 0; display:grid; grid-template-columns: 1.05fr .95fr; gap:32px; align-items:center; }
.cta-left h3 { margin:0 0 30px 0; font:400 18px 'Manrope', sans-serif; color:#707DFF; display:inline-block; background:#F4F6FF; border:1px solid #E1E4FF; padding:8px 16px; border-radius:999px; }
.cta-title { font:500 42px 'Manrope',  sans-serif; color:#18181b; margin-bottom: -5px;}
.cta-subtitle { font:500 42px 'Manrope', sans-serif; color:#18181b; margin:0 0 22px 0; }
.cta-desc { font:500 18px 'Manrope', sans-serif; color:#222; margin:18px 0 40px 0; }
.cta-highlight-text { color:#707DFF; text-decoration:underline; border:none; padding:0; margin:0; display:inline; }
.cta-form { display:grid; grid-template-columns: 1fr; gap:14px; max-width:640px; }
.cta-input { width:100%; height:60px; border-radius:60px; outline:2px solid #707DFF; border:none; padding:0 24px; font:400 18px 'Manrope', sans-serif; color:#1F1F1F; box-sizing:border-box; background:#fff; }
.cta-right { display:flex; align-items:flex-start; justify-content:center; overflow:hidden; }
.cta-code-img { height:auto; width:auto; max-width:100%; border-radius:25px; }

/* Общие элементы формы, чтобы блок работал вне home.css */
.form-checkbox-group { 
    display: flex; 
    justify-content: flex-start; 
    align-items: center; 
    gap: 10px; 
    flex-wrap: wrap;
}
.form-checkbox-box { 
    appearance:none; 
    -webkit-appearance:none; 
    width:22px; 
    height:22px; 
    min-width: 22px;
    min-height: 22px;
    border:2px solid #707DFF; 
    border-radius:50%; 
    outline:none; 
    cursor:pointer; 
    background:#fff; 
    position:relative; 
    flex-shrink: 0;
}
.form-checkbox-box:checked { background:#707DFF; border-color:#707DFF; }
.form-checkbox-box:checked::after { content:''; position:absolute; left:50%; top:50%; width:5px; height:8px; border:solid #fff; border-width:0 2px 2px 0; border-radius:1px; transform:translate(-50%,-50%) rotate(45deg); }
.form-checkbox-text { 
    color: #1F1F1F; 
    font-size: 18px; 
    font-family: 'Manrope', sans-serif; 
    font-weight: 400; 
    letter-spacing: 0.40px; 
    word-wrap: break-word; 
    line-height: 1.4;
    flex: 1;
    min-width: 0;
}
.form-privacy-link { color:#707DFF; font:400 20px 'Manrope', sans-serif; text-decoration:underline; letter-spacing:.4px; }
.show_error_privacy { color:#e11d48; font:400 14px 'Manrope',sans-serif; margin-top:5px; }
.form-submit-button { width:100%; height:60px; background:#707DFF; border-radius:30px; display:flex; justify-content:center; align-items:center; cursor:pointer; border:none; margin-top:10px; }
.form-submit-button:hover { background:#5a6edb; }
.form-button-text { color:#fff; font:400 20px 'Manrope', sans-serif; letter-spacing:.48px; display:flex; align-items:center; gap:10px; }
.form-button-arrow { transition: transform .3s ease-out; width:4em; height:2.1em; vertical-align:middle; }
.form-submit-button:hover .form-button-arrow { transform: translateX(5px); }

@media (max-width: 1000px){
  .cta-light-section { grid-template-columns: 1fr; }
  .cta-right { order:-1; }
  .cta-code-img { width:100%; height:auto; max-width:100%; }
}