*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}body{font-family:Montserrat,sans-serif}.container{width:1280px;display:flex}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.error{color:#a94442}.header__base-text{color:#fff;font-size:20px}.header{background:linear-gradient(#2a0a3d,#401f54);justify-content:center;align-items:center;width:100%;height:162px;display:flex}.header__data{align-items:center;width:100%;display:flex}.logo{align-items:center;gap:14px;text-decoration:none;display:flex}.header__content{gap:53px;margin:0 auto;display:flex}.header__user-content{align-items:center;gap:5px;margin-left:auto;display:flex}.logo__img{background:#d9d9d9;border-radius:20px;justify-content:center;align-items:center;width:100px;height:90px;display:flex}.logo__img-text{color:#000;font-size:24px}.description{justify-content:center;width:100%;margin-top:105px;display:flex}.description-header{width:625px;font-size:32px}.description-data{align-content:center;display:flex}.description-img{width:407px;height:106px}.counter{justify-content:center;width:100%;margin-top:105px;display:flex}.counter-data{align-items:center;gap:42px;width:100%;display:flex}.counter-text{color:#401f54;font-size:32px}.counter-liner{background:#401f54;width:50%;height:1px}.courses{justify-content:center;width:100%;margin-top:110px;display:flex}.courses-data{flex-direction:column;gap:100px;width:100%;display:flex}.courses-card{border:1px solid #401f54;border-radius:15px;flex-direction:column;gap:70px;width:100%;padding:44px 122px 77px 45px;display:flex}.courses-card-header{font-size:32px}.courses-card-description{font-size:24px;line-height:45px}.courses-card-user-actions{gap:74px;display:flex}.course-card-price{align-items:center;gap:16px;display:flex}.course-card-old-price{color:#6e6e6e;font-size:22px;text-decoration:line-through}.course-card-new-price{font-size:26px}.courses-card-button{cursor:pointer;background-color:#fff;border:1px solid #f59e0b;border-radius:0 20px 20px;width:fit-content;padding:29px;font-size:26px;transition:all .2s}.courses-card-button:hover{color:#fff;background-color:#f59e0b}.reasons{justify-content:center;width:100%;margin-top:110px;display:flex}.reasons-data{flex-direction:column;justify-content:center;width:100%;display:flex}.reasons-header{text-align:center}.reasons-img{width:573px;height:573px;margin:0 auto}.reasons-arguments{flex-direction:column;justify-content:center;align-items:center;width:100%;height:416px;margin-top:-320px;display:flex}.reasons-argument{background:#9aedfa;border-radius:20px;justify-content:center;align-items:center;width:270px;padding:20px;font-size:24px;display:flex}.reasons-argument-top{gap:230px;margin-top:130px;display:flex}.reasons-argument-bottom{gap:630px;display:flex}.reasons-argument-right{border-radius:0 20px 20px}.reasons-argument-left{border-radius:20px 0 20px 20px}.basement__base-text{color:#fff;font-size:20px}.basement__user-content{flex-direction:column;gap:29px;margin-left:auto;display:flex}.basement__data{align-items:center;width:100%;display:flex}.basement{background:linear-gradient(#2a0a3d,#401f54);justify-content:center;align-items:center;width:100%;height:242px;margin-top:140px;display:flex}.basement__content{gap:53px;margin:0 auto;display:flex}.courses-card-buttons{gap:36px;display:flex}.header__user-burger{cursor:pointer;z-index:1001;flex-direction:column;justify-content:space-between;width:50px;height:40px;margin-left:auto;display:none;position:relative}.header__user-burger-line{background-color:#fff;border-radius:10px;width:100%;height:5px;transition:all .3s;display:flex}.header__user-burger.active .header__user-burger-line:first-child{transform:rotate(45deg)translate(10px,10px)}.header__user-burger.active .header__user-burger-line:nth-child(2){opacity:0}.header__user-burger.active .header__user-burger-line:nth-child(3){transform:rotate(-45deg)translate(10px,-10px)}.burger-overlay{z-index:1000;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.burger-overlay.active{opacity:1;visibility:visible}.header__user-burger-data{z-index:1001;background:linear-gradient(#2a0a3d,#401f54);flex-direction:column;gap:25px;width:320px;height:100vh;padding:100px 30px 30px;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-5px 0 25px #0003}.header__user-burger-data-visible{right:0}.header__user-burger-data a{color:#fff;border-bottom:1px solid #fff3;padding:12px 0;font-size:24px;text-decoration:none;transition:all .3s}.header__user-burger-data a:hover{color:#f59e0b;border-bottom-color:#f59e0b;padding-left:10px}.header__logout-data{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.header__logout-data a{border-bottom:none;font-size:24px;font-weight:700}.header__logout-data img{cursor:pointer;transition:transform .3s}.header__logout-data img:hover{transform:scale(1.1)}.header__content-text-burger{color:#fff;font-size:24px}@media (width<=1290px){.container{width:1100px}}@media (width<=1189px){.container{width:900px}.reasons-argument-bottom,.reasons-argument-top{gap:130px;display:flex}.reasons-arguments{flex-direction:column;justify-content:center;align-items:center;width:100%;height:416px;margin-top:-520px;display:flex}.description-img{width:370px;height:106px}.header__content,.header__user-content{display:none}.header__user-burger{display:flex}.description-data,.courses-card-user-actions{flex-direction:column}}@media (width<=920px){.container{width:700px}.counter-data{flex-direction:column;align-items:flex-start;gap:20px}.courses-card-buttons{flex-direction:column;gap:36px;display:flex}}@media (width<=724px){.container{width:500px}.basement__data{flex-direction:column;gap:60px}.basement{height:440px}.basement__user-content{margin:0;display:flex}.description-header{width:100%}.reasons-argument-bottom{flex-direction:column;gap:120px}.reasons-argument-top{flex-direction:column;gap:120px;margin-top:220px}.reasons-arguments{flex-direction:row}.reasons-img{width:100%;height:573px;margin:0 auto}.header__user-burger-data{width:280px}}@media (width<=580px){.container{width:400px}.reasons-argument-bottom{flex-direction:column;gap:20px}.reasons-argument-top{flex-direction:column;gap:20px;margin:0}.reasons-arguments{flex-direction:column;gap:20px;margin-top:-500px}}@media (width<=420px){.container{width:300px}.logo__text{display:none}.description-img{width:270px}.header__user-burger-data{width:230px}}*{animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{animation:.6s ease-out fadeIn}.description{animation:.6s ease-out .1s both fadeInUp}.counter{animation:.6s ease-out .2s both fadeInUp}.courses-card{animation:.5s ease-out both fadeInUp}.courses-card:first-child{animation-delay:50ms}.courses-card:nth-child(2){animation-delay:.15s}.courses-card:nth-child(3){animation-delay:.25s}.courses-card:nth-child(4){animation-delay:.35s}.courses-card:nth-child(5){animation-delay:.45s}.reasons{animation:.6s ease-out .2s both fadeInUp}.basement{animation:.6s ease-out .3s both fadeInUp}.reasons-argument{animation:.4s ease-out both fadeInUp}.reasons-argument-bottom .reasons-argument-left{animation-delay:.1s}.reasons-argument-bottom .reasons-argument-right{animation-delay:.2s}.reasons-argument-top .reasons-argument-left{animation-delay:.3s}.reasons-argument-top .reasons-argument-right{animation-delay:.4s}.courses-card{transition:transform .3s,box-shadow .3s}.courses-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.courses-card-button{transition:all .3s}.courses-card-button:hover{transform:translateY(-2px)}.reasons-argument{transition:all .3s}.reasons-argument:hover{background:#7ee0f0;transform:translateY(-3px)}.basement__content a,.basement__user-content a{transition:color .3s,transform .3s}.basement__content a:hover,.basement__user-content a:hover{color:#f59e0b;transform:translate(3px)}.header__content a,.header__user-content a{transition:color .3s}.header__content a:hover,.header__user-content a:hover{color:#f59e0b}.description-img,.reasons-img,.logo__img{animation:.5s ease-out .1s both fadeIn}.counter-text{transition:color .3s}.counter-text:hover{color:#f59e0b}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:.01ms!important}}.reg{background-color:#fff;border-radius:12px;flex-direction:column;gap:40px;max-width:500px;margin:60px auto 0;padding:50px;display:flex;box-shadow:0 10px 30px #00000014}.reg-title{text-align:center;margin-bottom:5px;font-size:26px;font-weight:600}.reg-subtitle{color:#6b7280;text-align:center;margin-bottom:20px;font-size:14px}.reg-input{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:14px 18px;font-size:16px;transition:all .2s}.reg-input:hover{border-color:#9ca3af}.reg-input:focus{border-color:#401f54;outline:none;box-shadow:0 0 0 2px #401f541a}.reg-button{cursor:pointer;background-color:#f59e0b;border:none;border-radius:10px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:500;transition:all .2s}.reg-button:hover{background-color:#d88905}.reg-button:active{transform:scale(.98)}.reg-error{color:#a94442}.profile{justify-content:center;width:100%;animation:.6s ease-out fadeInUp;display:flex}.profile-data{margin-top:100px;animation:.5s ease-out .1s both fadeIn}.profile-settings{width:100%}.profile-settings-data{flex-direction:column;gap:40px;margin-top:40px;display:flex}.profile-setting-input-box{align-items:center;gap:20px;animation:.4s ease-out both fadeInLeft;display:flex}.profile-setting-input-box:first-child{animation-delay:50ms}.profile-setting-input-box:nth-child(2){animation-delay:.1s}.profile-setting-input-box:nth-child(3){animation-delay:.15s}.profile-setting-input-box:nth-child(4){animation-delay:.2s}.profile-setting-input-box:nth-child(5){animation-delay:.25s}.profile-setting-box{flex-direction:column;gap:20px;display:flex}.profile-setting-input-readOnly{background-color:#f9f9f9;border:1px solid #d1d5db;border-radius:10px;width:50%;padding:14px 18px;font-size:16px;transition:all .2s}.profile-setting-input{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;width:50%;padding:14px 18px;font-size:16px;transition:all .2s}.profile-setting-input:hover{border-color:#9ca3af;transform:translate(2px)}.profile-setting-input:focus{border-color:#401f54;outline:none;box-shadow:0 0 0 2px #401f541a}.valid-mail{gap:20px;animation:.4s ease-out .3s both fadeInLeft;display:flex}.profile-course-data{flex-wrap:wrap;gap:70px;margin-top:30px;margin-bottom:60px;display:flex}.profile-course-card{cursor:pointer;background:#fff;border:1px solid #401f54;border-radius:10px;width:300px;height:200px;padding:20px;transition:all .3s;animation:.5s ease-out both fadeInUp}.profile-course-card:first-child{animation-delay:50ms}.profile-course-card:nth-child(2){animation-delay:.1s}.profile-course-card:nth-child(3){animation-delay:.15s}.profile-course-card:nth-child(4){animation-delay:.2s}.profile-course-card:nth-child(5){animation-delay:.25s}.profile-course-card:nth-child(6){animation-delay:.3s}.profile-course-card:hover{border-color:#f59e0b;transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.profile-course-card-header{font-size:20px;transition:color .3s}.profile-course-card:hover .profile-course-card-header{color:#f59e0b}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}.profile-save-button{transition:all .3s;animation:.4s ease-out .35s both fadeInUp}.profile-save-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #401f5433}@media (prefers-reduced-motion:reduce){.profile,.profile-data,.profile-setting-input-box,.valid-mail,.profile-course-card{animation:none}.profile-course-card:hover,.profile-setting-input:hover{transform:none}}.dots{gap:10px;display:flex}.dots div{background:#2a0a3d;border-radius:50%;width:15px;height:15px;animation:1.4s ease-in-out infinite both bounce}.dots div:first-child{animation-delay:-.32s}.dots div:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.4)}40%{transform:scale(1)}}.course{flex:1;margin:0 auto}.course-header-img{border-radius:10px;align-self:center;width:100%;height:80%}.course-data{flex-direction:column;gap:60px;margin-top:100px;display:flex}.course-header-text{font-size:40px}.course-description{line-height:2}.lessons{flex:1;justify-content:center;width:100%;margin-top:40px;animation:.6s ease-out fadeInUp;display:flex}.lessons-data{flex-direction:column;gap:100px;width:60%;animation:.5s ease-out .1s both fadeIn;display:flex}.lessons-all{flex-direction:column;gap:30px;animation:.5s ease-out both fadeInLeft;display:flex}.lessons-all:first-child{animation-delay:50ms}.lessons-all:nth-child(2){animation-delay:.1s}.lessons-all:nth-child(3){animation-delay:.15s}.lessons-all:nth-child(4){animation-delay:.2s}.lessons-all:nth-child(5){animation-delay:.25s}.lessons-all-data{flex-direction:column;gap:20px;display:flex}.lesson{cursor:pointer;background:#f8f9fa;border-left:3px solid #0000;border-radius:10px;padding:15px 20px;transition:all .3s;animation:.4s ease-out both fadeInRight}.lesson:first-child{animation-delay:.1s}.lesson:nth-child(2){animation-delay:.15s}.lesson:nth-child(3){animation-delay:.2s}.lesson:nth-child(4){animation-delay:.25s}.lesson:nth-child(5){animation-delay:.3s}.lesson:nth-child(6){animation-delay:.35s}.lesson:hover{background:#f0f0f0;border-left-color:#f59e0b;transform:translate(8px);box-shadow:0 5px 15px #0000000d}.lessons-all{cursor:pointer}.lessons-content{flex-direction:column;gap:40px;animation:.2s ease-out contentChange;display:flex}@keyframes contentChange{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lessons-content>*{opacity:0;animation:.15s ease-out forwards fadeInItem}@keyframes fadeInItem{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.lessons-content>:first-child{animation-delay:0s}.lessons-content>:nth-child(2){animation-delay:30ms}.lessons-content>:nth-child(3){animation-delay:60ms}.lessons-content>:nth-child(4){animation-delay:90ms}.lessons-content>:nth-child(5){animation-delay:.12s}.lessons-all h2{width:fit-content;transition:color .3s;display:inline-block;position:relative}.lessons-all h2:hover{color:#f59e0b}.lessons-all h2:after{content:"";background:#f59e0b;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.lessons-all h2:hover:after{width:100%}.lesson h3{transition:color .3s}.lesson:hover h3{color:#f59e0b}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.lessons,.lessons-data,.lessons-all,.lesson{animation:none}.lessons-content,.lessons-content>*{opacity:1;animation:none}.lesson:hover{transform:none}.lessons-all h2:after{display:none}}@media (width<=768px){.lesson:hover{transform:translate(4px)}.lessons-content{gap:25px}}.add-course{justify-content:center;width:100%;display:flex}.add-course-data{flex-direction:column;gap:40px;width:100%;margin-top:100px;display:flex}.add-course-container-input{flex-direction:column;gap:20px;display:flex}.add-course-input,.add-course-input-number,.add-course-input-content{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;max-width:560px;padding:14px 18px;font-size:16px;transition:all .2s}.add-course-input-content{min-height:300px}.add-course-input:hover,.add-course-input-number:hover,.add-course-input-content:hover{border-color:#9ca3af}.add-course-input:focus,.add-course-input-number:focus,.add-course-input-content:focus{border-color:#401f54;outline:none;box-shadow:0 0 0 2px #401f541a}.add-course-input-number{max-width:300px}.add-course-button{cursor:pointer;background-color:#f59e0b;border:none;border-radius:10px;width:240px;margin-top:10px;padding:16px;font-size:16px;font-weight:500;transition:all .2s}.add-course-button:hover{background-color:#d88905}.add-course-button:active{transform:scale(.98)}.add-course-buttons-container{flex-wrap:wrap;gap:40px;display:flex}.error404{background:linear-gradient(135deg,#2a0a3d 0%,#1f062e 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.error404-block{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#ffffff08;border:1px solid #f59e0b4d;border-radius:24px;flex-direction:column;align-items:center;gap:24px;max-width:550px;padding:60px 50px;transition:all .3s;display:flex;box-shadow:0 20px 40px #0000004d,0 0 20px #f59e0b1a}.error404-block:hover{border-color:#f59e0bcc;box-shadow:0 25px 50px #0006,0 0 30px #f59e0b33}.error404-block-header{background:linear-gradient(135deg,#f59e0b,#ffb347);color:#0000;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:80px;font-weight:800}.error404-block-text{opacity:.85;margin:0;font-size:20px}.error404-block-description{opacity:.7;margin:0;font-size:15px;line-height:1.5}.error404-block-description a{color:#f59e0b;border-bottom:1px dashed #f59e0b80;text-decoration:none;transition:all .2s}.error404-block-description a:hover{color:#ffb347;border-bottom-color:#f59e0b}@media (width<=550px){.error404-block{gap:20px;padding:40px 30px}.error404-block-header{font-size:55px}.error404-block-text{font-size:18px}}.admin{flex-grow:1;justify-content:center;width:100%;margin-top:30px;display:flex}.admin-data{max-width:600px;margin:0 auto;padding:20px}.admin-header{border-bottom:2px solid #e0e0e0;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:20px;font-size:32px;display:flex}.header-icon{font-size:36px}.header-badge{color:#fff;background:#667eea;border-radius:20px;margin-left:auto;padding:4px 12px;font-size:12px}.admin-menu{flex-direction:column;gap:12px;display:flex}.menu-item{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:16px;align-items:center;gap:20px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover{border-color:#667eea;transform:translate(10px);box-shadow:0 5px 20px #667eea1a}.menu-icon{font-size:32px}.menu-content{flex-direction:column;flex:1;display:flex}.menu-title{margin-bottom:4px;font-size:18px;font-weight:600}.menu-desc{color:#666;font-size:14px}.menu-arrow{color:#ccc;font-size:24px;transition:transform .3s}.menu-item:hover .menu-arrow{color:#667eea;transform:translate(5px)}.courses{flex-grow:1;justify-content:center;width:100%;margin-top:70px;display:flex}.enrollment{flex:1;justify-content:center;width:100%;margin-top:70px;display:flex}.enrollment-data{flex-flow:column wrap;gap:40px;display:flex}.enrollment-blocks{flex-flow:wrap;gap:40px;display:flex}.enrollment-course-card{cursor:pointer;border:1px solid #2a0a3d;border-radius:20px;flex-direction:column;gap:20px;padding:20px;display:flex}