*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{width:6px;background-color:transparent}*::-webkit-scrollbar-thumb{width:100%;background-color:#000;border-radius:8px}html,body,#root{height:100%;font-family:sans-serif}#root{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column}main{flex:1 1 auto}a{color:inherit;text-decoration:none}li,ul,ol{list-style:none}button,input,textarea{border:none;outline:none;background-color:transparent}button{cursor:pointer}.container{max-width:1420px;width:100%;padding:0 80px;margin:0 auto}@media only screen and (max-width: 1024px){.container{padding:0 40px}}@media only screen and (max-width: 768px){.container{padding:0 20px}}@media only screen and (max-width: 428px){.container{padding:0 10px}}.btn{padding:4px 27px;background-color:#000;color:#fff;font-size:16px;font-weight:600;line-height:40px;border-radius:8px;width:fit-content}@media only screen and (max-width: 1024px){.btn{padding:4px 20px;font-size:14px;line-height:36px}}@media only screen and (max-width: 768px){.btn{padding:4px 16px;font-size:12px;line-height:30px}}@media only screen and (max-width: 428px){.btn{padding:4px 8px;font-size:10px;line-height:26px}}.banner{background-image:url(/header/header.jpg);background-position:center;background-size:cover;height:fit-content;padding:80px 0}@media only screen and (max-width: 1024px){.banner{padding:40px 0}}@media only screen and (max-width: 768px){.banner{padding:20px 0}}@media only screen and (max-width: 428px){.banner{padding:10px 0}}.banner__title{font-size:38px;font-weight:700;line-height:50px;color:#fff;margin-top:200px;display:flex;align-items:center;justify-content:center;text-shadow:4px;text-shadow:0px 0px 15px rgb(0,0,0)}@media only screen and (max-width: 1024px){.banner__title{font-size:28px;margin-top:150px}}@media only screen and (max-width: 768px){.banner__title{font-size:18px;margin-top:100px}}@media only screen and (max-width: 428px){.banner__title{font-size:16px;margin-top:50px}}.banner__info{margin-top:250px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1024px){.banner__info{margin-top:150px}}@media only screen and (max-width: 768px){.banner__info{margin-top:100px}}@media only screen and (max-width: 428px){.banner__info{margin-top:50px}}.banner__info ul{display:flex;gap:15px;padding:18px 36px;border-radius:10px;background-color:#000;color:#fff}@media only screen and (max-width: 1024px){.banner__info ul{gap:10px;padding:10px 20px}}@media only screen and (max-width: 768px){.banner__info ul{gap:5px;padding:8px 16px}}@media only screen and (max-width: 428px){.banner__info ul{gap:4px;padding:6px 12px}}.banner__info ul li{width:100px;text-align:center;font-weight:400;display:flex;gap:15px}@media only screen and (max-width: 1024px){.banner__info ul li{width:80px;gap:10px}}@media only screen and (max-width: 768px){.banner__info ul li{width:70px;gap:5px}}@media only screen and (max-width: 428px){.banner__info ul li{gap:4px;width:60px}}.banner__info ul li span{font-size:30px}@media only screen and (max-width: 1024px){.banner__info ul li span{font-size:20px}}@media only screen and (max-width: 768px){.banner__info ul li span{font-size:16px}}@media only screen and (max-width: 428px){.banner__info ul li span{font-size:14px}}.banner__info ul li h3{font-size:12px}@media only screen and (max-width: 1024px){.banner__info ul li h3{font-size:10px}}@media only screen and (max-width: 768px){.banner__info ul li h3{font-size:8px}}@media only screen and (max-width: 428px){.banner__info ul li h3{font-size:7px}}.banner__info ul li .line{height:60px;border:1px solid white}@media only screen and (max-width: 1024px){.banner__info ul li .line{height:50px}}@media only screen and (max-width: 768px){.banner__info ul li .line{height:40px}}@media only screen and (max-width: 428px){.banner__info ul li .line{height:35px}}.about{padding:80px 0;font-size:32px}@media only screen and (max-width: 1024px){.about{padding:40px 0;font-size:24px}}@media only screen and (max-width: 768px){.about{padding:20px 0;font-size:20px}}@media only screen and (max-width: 428px){.about{padding:10px 0;font-size:16px}}.about__wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}@media only screen and (max-width: 1024px){.about__wrapper{gap:30px}}@media only screen and (max-width: 768px){.about__wrapper{gap:15px}}@media only screen and (max-width: 428px){.about__wrapper{grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}}.about__left{overflow:hidden}.about__left img{width:100%;height:100%;border-radius:8px;object-fit:cover;object-position:center}@media only screen and (max-width: 428px){.about__left img{max-height:200px}}.about__rigth{display:flex;flex-direction:column;justify-content:center;gap:20px}@media only screen and (max-width: 1024px){.about__rigth{gap:20px}}@media only screen and (max-width: 768px){.about__rigth{gap:10px}}@media only screen and (max-width: 428px){.about__rigth{gap:6px}}.courses{padding:80px 0;background-color:#f0efef}@media only screen and (max-width: 1024px){.courses{padding:40px 0}}@media only screen and (max-width: 768px){.courses{padding:20px 0}}@media only screen and (max-width: 428px){.courses{padding:10px 0}}.courses__wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}@media only screen and (max-width: 1024px){.courses__wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width: 428px){.courses__wrapper{padding:10px 0;grid-template-columns:repeat(1,minmax(0,1fr))}}.courses__content{color:#3b3b3b;font-weight:700;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:30px}@media only screen and (max-width: 1024px){.courses__content{align-items:center;grid-column:span 3/span 3;gap:20px}}@media only screen and (max-width: 768px){.courses__content{gap:10px}}@media only screen and (max-width: 428px){.courses__content{gap:6px}}.courses__content h1{font-size:51px}@media only screen and (max-width: 1024px){.courses__content h1{font-size:40px}}@media only screen and (max-width: 768px){.courses__content h1{font-size:30px}}@media only screen and (max-width: 428px){.courses__content h1{font-size:24px;text-align:center}}.courses__content p{font-size:25px}@media only screen and (max-width: 1024px){.courses__content p{font-size:20px}}@media only screen and (max-width: 768px){.courses__content p{font-size:18px}}@media only screen and (max-width: 428px){.courses__content p{font-size:16px;text-align:center}}.courses__content h3{font-size:32px}@media only screen and (max-width: 1024px){.courses__content h3{font-size:28px}}@media only screen and (max-width: 768px){.courses__content h3{font-size:20px}}@media only screen and (max-width: 428px){.courses__content h3{font-size:18px}}.courses__img{grid-column:span 3/span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;overflow:hidden}@media only screen and (max-width: 1024px){.courses__img{gap:20px}}@media only screen and (max-width: 768px){.courses__img{gap:10px}}@media only screen and (max-width: 428px){.courses__img{gap:6px;grid-column:1;grid-template-columns:repeat(1,minmax(0,1fr))}}.courses__img img{width:100%;height:350px;border-radius:8px;object-fit:cover;object-position:center}@media only screen and (max-width: 1024px){.courses__img img{height:300px}}@media only screen and (max-width: 768px){.courses__img img{height:250px}}@media only screen and (max-width: 428px){.courses__img img{height:200px}}.prize{padding:80px 0}@media only screen and (max-width: 1024px){.prize{padding:40px 0}}@media only screen and (max-width: 768px){.prize{padding:20px 0}}@media only screen and (max-width: 428px){.prize{padding:10px 0}}.prize__wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media only screen and (max-width: 768px){.prize__wrapper{grid-template-columns:repeat(1,minmax(0,1fr))}}.prize__left{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;text-align:center}@media only screen and (max-width: 1024px){.prize__left{gap:20px}}@media only screen and (max-width: 768px){.prize__left{gap:10px}}@media only screen and (max-width: 428px){.prize__left{gap:6px}}.prize__person{display:flex;align-items:center;justify-content:flex-start;gap:20px}@media only screen and (max-width: 1024px){.prize__person{gap:16px}}@media only screen and (max-width: 768px){.prize__person{gap:12px}}@media only screen and (max-width: 428px){.prize__person{gap:8px}}.prize__person .person__img{position:relative;width:120px;height:120px}@media only screen and (max-width: 428px){.prize__person .person__img{width:80px;height:80px}}.prize__person .person__img img{width:100%;height:100%;border-radius:50%;overflow:hidden}.prize__person .person__img .edit{position:absolute;bottom:0;right:0}.prize__person .person__name{font-weight:700}.prize__person .person__name h3{font-size:24px}.prize__person .person__name p{text-align:left;margin-top:20px;font-size:15px;font-weight:400;color:#666}.prize__rigth img{width:100%;height:500px;border-radius:16px;object-fit:cover;object-position:top}@media only screen and (max-width: 1024px){.prize__rigth img{height:400px}}@media only screen and (max-width: 428px){.prize__rigth img{height:300px}}.header{position:fixed;left:0;top:0;z-index:20;width:100%;padding:40px 0;background-color:#00000080;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (max-width: 1024px){.header{padding:30px 0}.header.open{height:100%}}@media only screen and (max-width: 768px){.header{padding:14px 0}}@media only screen and (max-width: 428px){.header{padding:4px 0}}.header_wrapper{display:flex;align-items:center;justify-content:space-between}.header_wrapper .menu{display:flex;gap:30px}@media only screen and (max-width: 1100px){.header_wrapper .menu{gap:20px}}@media only screen and (max-width: 1050px){.header_wrapper .menu{gap:10px}}@media only screen and (max-width: 1024px){.header_wrapper .menu{display:none}}.header_wrapper .menu_item{font-size:24px;font-weight:700;transition:all .3s ease}.header_wrapper .menu_item:hover{color:#000}.header_wrapper .header_rigth{display:flex;align-items:center;gap:40px}@media only screen and (max-width: 768px){.header_wrapper .header_rigth{gap:20px}}@media only screen and (max-width: 428px){.header_wrapper .header_rigth{gap:6px}}.header_wrapper .header_rigth .signup{cursor:pointer}.header_wrapper .header_rigth .menu_button{display:none}@media only screen and (max-width: 1024px){.header_wrapper .header_rigth .menu_button{display:block}}.header .menu_wrapper{padding:10px 20px;display:none}@media only screen and (max-width: 1024px){.header .menu_wrapper.open{display:block}}.header .menu_wrapper .menu_hidden{display:flex;flex-direction:column;gap:20px}.header .menu_wrapper .menu_hidden .menu_item{font-size:32px;font-weight:700;transition:all .3s ease}.header .menu_wrapper .menu_hidden .menu_item:hover{color:#000}.footer{background-image:url(/assets/background-C2K1b2OA.jpg);background-size:cover;background-position:center}.footer__wrapper{color:#fff;padding:180px 0;display:flex;align-items:center;justify-content:flex-end}@media only screen and (max-width: 1024px){.footer__wrapper{padding:120px 0}}@media only screen and (max-width: 768px){.footer__wrapper{padding:80px 0}}@media only screen and (max-width: 428px){.footer__wrapper{padding:20px 0}}.footer__wrapper .search{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:18px;float:right}@media only screen and (max-width: 1024px){.footer__wrapper .search{gap:16px}}@media only screen and (max-width: 768px){.footer__wrapper .search{gap:14px}}@media only screen and (max-width: 428px){.footer__wrapper .search{gap:12px}}.footer__wrapper .search h1{width:250px;font-size:32px;font-weight:700;line-height:41px}@media only screen and (max-width: 1024px){.footer__wrapper .search h1{font-size:28px;line-height:36px}}@media only screen and (max-width: 768px){.footer__wrapper .search h1{font-size:24px;line-height:32px}}@media only screen and (max-width: 428px){.footer__wrapper .search h1{font-size:20px;line-height:28px}}.footer__wrapper .search p{font-size:14px;font-weight:700;line-height:32px}@media only screen and (max-width: 1024px){.footer__wrapper .search p{line-height:28px}}@media only screen and (max-width: 768px){.footer__wrapper .search p{line-height:24px}}@media only screen and (max-width: 428px){.footer__wrapper .search p{line-height:20px}}.footer__wrapper input{background-color:#fff;border-radius:8px;border:none;font-size:16px;font-weight:400;line-height:41px;padding:0 10px;margin-right:20px}@media only screen and (max-width: 768px){.footer__wrapper input{margin-right:10px;line-height:34px;margin-bottom:10px}}.copyright{background-color:#000;padding:80px 0}@media only screen and (max-width: 1024px){.copyright{padding:40px 0}}@media only screen and (max-width: 768px){.copyright{padding:20px 0}}@media only screen and (max-width: 428px){.copyright{padding:10px 0}}.copyright__wrapper{color:#fff;font-size:18px;font-weight:500}@media only screen and (max-width: 1024px){.copyright__wrapper{font-size:16px}}@media only screen and (max-width: 768px){.copyright__wrapper{font-size:14px}}@media only screen and (max-width: 428px){.copyright__wrapper{font-size:12px}}.copyright__icons{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 768px){.copyright__icons{justify-content:end}}@media only screen and (max-width: 768px){.copyright__icons img{display:none}}.copyright__icons .icons{display:flex;align-items:center;justify-content:flex-start;gap:18px}.copyright__icons .icons div{display:flex;align-items:center;justify-content:center;padding:8px;width:40px;height:40px;border-radius:50%;background:#ffffff2e}.copyright__line{margin:20px 0;width:100%;border:6px 0px 0px 0px;border:6px solid #509775}.copyright__contact{display:flex;align-items:center;justify-content:flex-start;gap:30px;flex-direction:column}.copyright__contact .item{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;flex-wrap:wrap}@media only screen and (max-width: 1024px){.copyright__contact .item{gap:16px}}@media only screen and (max-width: 768px){.copyright__contact .item{gap:12px}}@media only screen and (max-width: 428px){.copyright__contact .item{gap:6px}}.copyright__contact .item p{width:calc(25% - 20px)}@media only screen and (max-width: 768px){.copyright__contact .item p{width:calc(50% - 20px)}}@media only screen and (max-width: 428px){.copyright__contact .item p{width:100%}}@media only screen and (max-width: 768px){.copyright__contact .item2{display:none}}.copyright .title{display:flex;align-items:center;justify-content:center;margin-top:30px}.cabinet{display:flex;align-items:flex-start;justify-content:flex-start;height:100vh;width:100%}.cabinet__right{height:100vh;overflow:hidden;width:100%;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column}.cabinet__right .scroll{height:100vh;overflow-y:scroll}.nav{position:sticky;top:0;left:0;padding:48px 0;display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:340px;height:100vh;background-color:#000;color:#fff;font-size:20px;font-weight:600}.nav .logo{padding:0 auto}.nav__menu{width:100%;padding:40px 0;flex:1 1 auto}.nav__menu .menu_item{width:100%;height:100%}.nav__menu :hover{background:linear-gradient(90.25deg,#d9d9d9 -3.29%,#d9d9d900 105.25%)}.nav__menu .menu_item:hover{background:transparent}.nav__menu .active{background:linear-gradient(90.25deg,#d9d9d9 -3.29%,#d9d9d900 105.25%)}.nav__menu li{padding:20px 60px}.nav .singout{padding:0 auto}.top{width:100%;padding:60px 120px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top input{width:400px;background-color:#131313;color:#fff;padding:12px 16px;font-size:16px}.top input::placeholder{opacity:1;color:#fff}.top__right{display:flex;align-items:center;justify-content:center;gap:40px}.cabinetHome{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:24px;padding:10px;color:#fff}.cabinetHome .about{display:flex;align-items:center;justify-content:flex-start;gap:40px;padding:30px 40px;background-color:#000;border-radius:12px}.cabinetHome .about__content{display:flex;align-items:flex-start;justify-content:space-around;flex-direction:column;gap:20px}.cabinetHome .about__content h2{font-size:36px;font-weight:600}.cabinetHome .about__content p{font-size:26px;font-weight:400}.cabinetHome .about__img img{width:300px;height:100%}.cabinetHome .statics{display:flex;align-items:stretch;justify-content:space-between;width:100%;gap:14px}.cabinetHome .statics__room{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;background-color:#000;border-radius:12px;padding:30px;font-weight:400}.cabinetHome .statics__room .title{font-size:28px;text-align:left;margin-bottom:12px}.cabinetHome .statics__room .border{width:100%;border:2px solid white;border-radius:4px}.cabinetHome .statics__room .item{display:flex;align-items:center;justify-content:flex-start;padding:14px 10px;gap:20px}.cabinetHome .statics__room .item h3{font-size:25px;line-height:32px}.cabinetHome .statics__room .item p{font-size:15px}.student{width:100%;height:100%}.student__img{display:flex;align-items:center;justify-content:center}.student__img img{width:200px;height:200px;overflow:hidden;border-radius:50%}.student__about{padding:30px 120px;font-size:18px}.student__about .title{width:fit-content;padding:10px 20px;background-color:#000;color:#fff;font-size:20px;margin-bottom:20px}.student__about ul{padding:10px 0;display:flex;align-items:center;justify-content:flex-start}.student__about ul li{width:220px}.student__about ul li:nth-child(1){font-weight:700}.module{width:100%;padding:10px}.module__cards{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:30px}.card{width:336px;height:322px;overflow:hidden;border-radius:10px}.card__img{width:100%;height:250px}.card__img img{width:100%;height:100%;object-fit:cover;object-position:right bottom}.card__title{display:flex;align-items:center;justify-content:center;height:60px;border-radius:0 0 10px 10px;font-size:24px;background-color:#000;color:#fff}.statistic-container{display:flex;padding:20px;align-items:center;margin-top:40px}.bar-chart{flex:1;padding-right:20px;text-align:center}.bars{display:flex;justify-content:space-between;align-items:flex-end;height:200px;padding:10px;border-bottom:1px solid #ccc}.bar{display:flex;flex-direction:column;align-items:center}.bar-inner{width:30px;background-color:#000;transition:height .3s}.bar-label{margin-top:5px;font-size:.9rem}.progress-list{flex:.5;margin-left:20px}.progress-item{display:flex;align-items:center;background-color:#f0f7ff;border-radius:8px;padding:10px;margin-bottom:20px}.progress-info{flex:1}.progress-circle{position:relative;width:50px;height:50px}.circular-chart{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#e6e6e6;stroke-width:2.8}.circle{fill:none;stroke:#666;stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .3s}.progress-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666}.studentCard{width:100%;margin-top:80px;display:flex;align-items:center;justify-content:center}.studentCard .idCard{width:660px}.studentCard .idCard .title{position:relative;background-color:#000;color:#fff;padding:30px 20px;display:flex;align-items:center;justify-content:flex-end}.studentCard .idCard .title img{position:absolute;left:0;width:136px;transform:translate(50%,50%);border:5px solid white;border-radius:50%}.studentCard .idCard .content{background-color:#fcfcfc}.studentCard .idCard .content h2{font-size:34px;text-align:center;transform:translate(50px,20px)}.studentCard .idCard .content__date{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 30px;margin-top:50px}.studentCard .idCard .content__date div{content:"";height:60px;border:2px solid black;border-radius:4px}.studentCard .idCard .content__date li{padding:4px 0}.studentCard .idCard .content__date li:nth-last-child(2n){color:#858585;font-size:20px;font-weight:600}.studentCard .idCard .content__code{display:flex;align-items:center;justify-content:space-between;padding:20px 30px}.studentCard .idCard .content__code .shtrixCode{text-align:center;font-size:18px;font-weight:600;width:250px}.studentCard .idCard .content__code .shtrixCode img{margin-bottom:10px;width:100%}.studentCard .idCard .content__code .signature{display:flex;align-items:center;justify-content:flex-start;gap:36px}.studentCard .idCard .content__code .signature p{font-size:20px;font-weight:700;color:#858585}.studentCard .idCard .content__code .signature span{font-size:19px;font-weight:600}.schedule-container{width:100%;padding:10px;text-align:center}.schedule-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}.schedule-table th,.schedule-table td{padding:10px;border:1px solid #ddd}.schedule-table th{background-color:#3a3a4a;color:#fff}.schedule-table .highlight{background-color:#e57373}.schedule-table .time-column{background-color:#80cbc4;font-weight:700}.schedule-cell{background-color:#f7f7f7;height:40px}.register{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.register .absolute{position:absolute;left:120px;top:40px}.register__wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;color:#fff}.register__wrapper h1{font-size:48px;font-weight:600}.register__form{width:460px;background:linear-gradient(88.97deg,#959799 -5.98%,#95979900 120.48%);font-size:20px;font-weight:400;padding:30px;border-radius:8px}.register__form input{width:100%;height:60px;background:#d9d9d9;border-radius:8px;font-size:20px;padding:10px;margin:6px 0 20px}.register .submit{margin:10px 0;display:flex;align-items:center;justify-content:space-between}.register__icons{display:flex;align-items:center;justify-content:flex-start;gap:24px}.register__icons div{cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.signUp{background-image:url(/SignUp.jpg);background-size:cover;background-position:center}.login{background:linear-gradient(#0b0b0b8c,#0b0b0b8c),url(/Login.jpg);background-size:cover;background-position:center}.login .input{display:flex;align-items:center;justify-content:center;padding-left:10px;margin:4px 0 20px;width:100%;height:60px;background:#d9d9d9;border-radius:8px}.login .input .svg{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.login .input input{height:fit-content;margin:6px 0}.events{width:100%;height:100%;padding:40px 120px}.events__wrapper{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:40px}.event{width:600px;display:flex;align-items:center;justify-content:flex-start;gap:20px;background-color:#000;padding:16px}.event .active{background-color:#626262}.event h2{width:80px;color:#fff;text-align:center}.event .div{flex:1 1 auto;background-color:#fff;padding:14px 28px}.event .div p{padding-bottom:8px;font-size:24px;font-weight:600}