.course{padding:62px 0;background-color:#eeeff0}@media(max-width:900px){.course{padding:36px 0}}.course__main{display:flex;flex-direction:column}.course__content{display:flex;align-items:flex-start;gap:32px;padding-top:62px;padding-bottom:32px}@media(max-width:900px){.course__content{flex-direction:column;padding-top:36px;padding-bottom:16px;gap:0}}.course__content .navContent{max-width:305px;width:100%}@media(max-width:900px){.course__content .navContent{max-width:100%;order:2;margin-top:30px;margin-bottom:16px}}.course__content .courseContent{max-width:551px;width:100%}@media(max-width:900px){.course__content .courseContent{order:3}}.course__content .courseDetails{max-width:360px;width:100%}@media(max-width:900px){.course__content .courseDetails{order:1}}.course__footer{display:flex;flex-direction:column;gap:32px;max-width:888px}.course__footer form{max-width:500px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000000;padding:20px}.modal{background:#dedfe2;padding:24px;border-radius:12px;position:relative;width:100%;max-width:680px}.modal__close{position:absolute;right:16px;top:16px;background:none;border:none;cursor:pointer;font-size:24px;color:#1e1e1e}.modal__content{display:flex;flex-direction:column;align-items:center;gap:24px}.modal__title{color:#1e1e1e;text-align:start;font-size:24px;font-style:normal;font-weight:500;line-height:normal;width:100%}.modal__code{border:4px dashed #003a6a;padding:24px 32px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .2s ease;justify-content:center;background-color:#fff}.modal__code:hover{background-color:rgba(0,58,106,.05)}.modal__code-text{font-size:48px;font-style:normal;font-weight:700;line-height:normal;color:#003a6a;word-break:break-word;text-align:center}.modal__code-copy{font-size:14px;text-align:center}.modal__code-copy,.modal__description{font-style:normal;font-weight:500;line-height:normal;color:#1e1e1e}.modal__description{font-size:16px}@media(max-width:480px){.modal{padding:16px}.modal__title{font-size:20px}.modal__code{padding:16px 20px}.modal__code-text{font-size:32px}.modal__code-copy{font-size:12px}.modal__description{font-size:14px}}