.header{padding:16px 0;background-color:#fff;ul,li{display:inline-block;list-style-type:none;margin:0;padding:0}}.header-content{display:flex;align-items:center}.header-main{display:flex;max-width:calc(100% - 280px);flex:0 0 calc(100% - 280px);justify-content:flex-end}.header-middle{display:flex;align-items:center;max-width:860px;flex:0 0 860px}.header-right{display:flex;justify-content:space-between;align-items:center;max-width:calc(100% - 860px);flex:0 0 calc(100% - 860px)}.header-options{display:flex;align-items:center;line-height:1}.header-logo{line-height:0;margin-right:60px;max-width:200px;flex:0 0 200px}.header-nav{margin-right:30px;li{margin-right:32px}}.header-nav li:last-child{margin-right:0}.header-nav-link{position:relative;padding-left:28px;font-weight:600;font-size:14px;text-transform:uppercase;transition:color .2s ease;img{position:absolute;left:0;top:0;width:24px;height:100%}svg{position:absolute;left:0;top:0;width:20px;height:20px;stroke:#898993;transition:stroke .2s ease}}.header-nav-link:hover{color:#4095D8;svg{stroke:#4095D8}}.header-marketing{display:block;background:linear-gradient(45deg,#51c6d0 0%,#3e96d8 50%,#4848a5 100%);height:28px;line-height:28px;font-weight:800;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:0 11px;border-radius:4px;padding-right:32px;position:relative;img{position:absolute;right:10px;top:50%;transform:translate(0,-50%)}}.header-marketing .mobile{display:none}.header-search{margin-right:35px;position:relative;max-width:480px;width:100%;input{border:1px solid #f0eff4;border-radius:64px;background-color:#fafafa;height:44px;padding-left:50px;font-family:"Manrope",sans-serif;font-weight:400;font-size:14px;color:#70717a;width:100%;outline:none;transition:background-color .2s ease,color .2s ease}}.header-search:focus-within .header-search-btn svg{stroke:#4095D8}.header-search:focus-within input{background-color:#fff0;color:#1B1C1D}.header-search:hover svg{stroke:#4095D8}.header-search:hover input{background-color:#fff0}.header-search-btn{border:none;background:none;position:absolute;left:16px;top:50%;transform:translate(0,-50%);pointer-events:none;padding:0;svg{stroke:#1B1C1D;transition:stroke .2s ease}}body.is-dark-mode .header-search input{background-color:#fff0;border:1px solid #303234}body.is-dark-mode .header-search:hover input{background-color:#F0F1F1}body.is-dark-mode .header-search:focus-within input{background-color:#F0F1F1}body.is-dark-mode .header-search svg{stroke:#E9E9E9}body.is-dark-mode .header-search:hover svg{stroke:#4095D8}.header-options-lang{width:44px;height:44px;border-radius:50%;line-height:44px;text-align:center;font-weight:600;font-size:14px;color:#1b1c1d;background-color:#F0F1F1;transition:background-color .2s ease,border .2s ease,color .2s ease;border:1px solid #fff0}.header-options-lang:hover{color:#4095D8;background-color:#fff0;border-color:#F0EFF4}body.is-dark-mode .header-options-lang{background-color:#fff0;border-color:#303234;color:#E9E9E9}body.is-dark-mode .header-options-lang:hover{background:#474849}body.is-dark-mode .header-options .header-options-lang.option::after,body.is-dark-mode .main__nav.main-nav .c-tag::after{background-color:#303234!important}body.is-dark-mode .main-nav__item{background-color:#fff0;border-color:#303234;color:#E9E9E9}body.is-dark-mode .main-nav__item>svg{stroke:#E9E9E9}body.is-dark-mode .main-nav__item.main-nav__item--toggle>svg{fill:#E9E9E9}body.is-dark-mode .main-nav__item:hover{background:#474849}body.is-dark-mode .main-nav__item:hover>svg{stroke:#E9E9E9}body.is-dark-mode .main-nav__item.main-nav__item--toggle:hover>svg{fill:#E9E9E9}.header-options-user{width:44px;height:44px;border-radius:50%;line-height:44px;background-color:#F0F1F1;position:relative;border:none;cursor:pointer;transition:background-color .2s ease,border .2s ease;border:1px solid #fff0;svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);stroke:#1B1C1D;transition:stroke .2s ease}img{height:100%;width:100%;object-fit:cover;border-radius:100%}}.header-options-user.auth{padding:0}.header-options-user:hover{background-color:#fff0;border-color:#F0EFF4;svg{stroke:#4095D8}}body.is-dark-mode .header-options-user{background-color:#fff0;border-color:#303234;svg{stroke:#E9E9E9}}body.is-dark-mode .header-options-user:hover{background:#474849}body.is-dark-mode .header-options-user:hover{background:#474849;svg{stroke:#E9E9E9}}.header-options .option{position:relative;margin-right:48px;&::after{content:"";width:1px;height:22px;background-color:#f0eff4;position:absolute;right:-24px;top:50%;transform:translate(0,-50%)}}.header-options .option:last-child::after{content:none}.header-options .option:last-child{margin-right:0}.container{margin:0 auto;width:100%;max-width:1920px;padding-left:60px;padding-right:60px}.change-theme{cursor:pointer}.switch{position:absolute;display:inline-block;width:48px;height:28px;right:0;top:50%;transform:translate(0,-50%)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:0.4s;border-radius:50%}input:checked+.slider{background-color:#2196F3}input:checked+.slider:before{transform:translateX(20px)}.mobile-modal{z-index:101;position:absolute;background:#fff;box-shadow:0 4px 35px 0 rgb(114 142 174 / .2);border-radius:16px;top:100%;right:0;width:420px;display:none;ul{width:100%}li{display:block;width:100%;margin-bottom:24px;position:relative}li:last-child{margin-bottom:0}a{font-weight:500;font-size:16px;color:#1b1c1d;transition:color .2s ease}.marketing{position:relative;img{position:absolute;right:-30px;top:50%;transform:translate(0,-50%)}}}.mobile-modal-nav li{transition:color .2s ease}.mobile-modal-nav a:hover{color:#4095D8}.mobile-modal-nav li:hover{color:#4095D8}.mobile-modal-body{padding:20px;padding-top:60px}.mobile-modal.active{display:block}.mobile-modal-body.auth{padding-top:30px}.mobile-modal-nav{margin-bottom:60px;padding-left:10px;padding-right:10px}.mobile-modal-btn{display:block;width:100%;background-color:#fff0;border:1px solid #f0eff4;border-radius:36px;height:48px;line-height:48px;font-weight:500;font-size:16px;color:#1b1c1d;text-align:center;margin-bottom:30px;transition:background-color .2s ease,color .2s ease!important}.mobile-modal-btn:hover{background-color:#fbfbfb;color:#1b1c1d}body.is-dark-mode .mobile-modal{background:#1b1c1d;border-color:#303234}body.is-dark-mode .mobile-modal-header{border-color:#303234}body.is-dark-mode .mobile-modal-name,body.is-dark-mode .change-theme,body.is-dark-mode li a{color:#e2e2e3}body.is-dark-mode .change-theme:hover{color:#4095D8}body.is-dark-mode .mobile-modal-btn,body.is-dark-mode .mobile-modal-social a{background-color:#fff0;border:1px solid #303234;color:#e2e2e3}body.is-dark-mode .mobile-modal-btn:hover{background-color:#fbfbfb;color:#1b1c1d}body.is-dark-mode .mobile-modal-social a:hover{background:#474849}.social-title{font-weight:500;font-size:13px;color:#70717a;margin-bottom:10px}.social-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.social-item{width:46px;height:46px;border:1px solid #f0eff4;border-radius:50%;text-align:center;position:relative;display:block;transition:background .2s ease;img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}.social-item:hover{background:#fbfbfb}.mobile-modal-control{box-shadow:0 4px 35px 0 rgb(114 142 174 / .2);background:#fff;position:fixed;bottom:0;width:100%;z-index:300;padding:15px 0;padding-left:30px;padding-right:20px;line-height:1.4}.mobile-modal-control{display:flex;align-items:flex-end;justify-content:space-between;display:none}.control-item{position:relative;font-weight:600;font-size:11px;text-transform:uppercase;text-align:center;color:#181a19;display:block;a{font-size:11px;font-weight:600;color:#181a19}img{position:relative;left:50%;transform:translate(-50%,0);margin-bottom:4px;max-width:24px}}.control-item.modal-menu .close{display:none}.control-item.modal-menu.active .close{display:block}.control-item.modal-menu.active .open{display:none}body.is-dark-mode .mobile-modal-control{background:#1a1b1c;border-top:1px solid #303234}body.is-dark-mode .control-item{color:#e2e2e3}.user-block{position:relative}.mobile-modal-img{width:48px;height:48px;overflow:hidden;border-radius:50%;line-height:0;img{width:100%;height:100%;object-fit:cover}p{display:block;width:100%;text-align:center;line-height:48px}}.mobile-modal-header{border-bottom:1px solid #f0eff4;padding:30px 20px}.mobile-modal-user{display:flex;line-height:1.2;align-items:center}.mobile-modal-img{margin-right:16px}.mobile-modal-name{font-weight:500;font-size:16px}.mobile-modal-email{font-weight:500;font-size:13px;color:#70717a}.mobile-modal-social{margin-bottom:30px}.article.article--category{display:flex;flex-direction:row;.article__image{width:40%;max-width:581px;height:290px;border-radius:12px 0 0 12px;border:1px solid #f0eff4;border-right:none}.article__content{width:60%;border-radius:0 12px 12px 0;flex-shrink:unset;border:1px solid #f0eff4;border-left:none;padding:25px 24px}.article__title{font-weight:500;font-size:28px;line-height:1.4}.article__subtitle{font-weight:500;font-size:15px;line-height:1.4}}.container-category{background:#fff;border-radius:16px;padding:30px 20px}.container-category>.main-body__content{margin:0 auto;max-width:1480px;width:100%}.container-detail{background:#fff;border-radius:16px;padding:56px 20px}.container-detail>*{margin:0 auto;max-width:1180px;width:100%}.container-detail>.main-body__content{margin:0 auto!important}.banner-first-category{margin-bottom:40px}@media (max-width:1650.99px){.header-logo{margin-right:40px;max-width:184px;flex:0 0 184px}.header-main{max-width:calc(100% - 224px);flex:0 0 calc(100% - 224px)}.header-middle{max-width:860px;flex:0 0 860px}.header-right{max-width:calc(100% - 860px);flex:0 0 calc(100% - 860px)}.header-nav{margin-right:30px;li{margin-right:24px}}.header-search{margin-right:20px}.container{padding-left:30px;padding-right:30px}}@media (max-width:1440.99px){.header-main{max-width:calc(100% - 214px);flex:0 0 calc(100% - 214px)}.header-middle{max-width:668px;flex:0 0 668px}.header-right{max-width:calc(100% - 668px);flex:0 0 calc(100% - 668px)}.header-logo{margin-right:30px}.header-nav{margin-right:30px}.header-nav li{margin-right:20px}.header-nav-link{padding-left:0}.header-nav li svg{display:none}}@media (max-width:1220.99px){.header-logo{max-width:170px;flex:0 0 170px;margin-right:40px}.header{padding:18px 0}.header-main{max-width:calc(100% - 210px);flex:0 0 calc(100% - 210px)}.header-nav-link{font-size:14px}.header-nav li{margin-right:28px}.header-nav{margin-right:28px}.header-middle{max-width:none;flex:none}.header-right{max-width:none;flex:none}.header-options-lang{width:40px;height:40px;line-height:38px}.header-options-user{width:40px;height:40px;line-height:38px}.header-options .option{margin-right:16px}.header-options .option::after{content:none}.header-marketing .mobile{display:inline}.header-marketing .desktop{display:none}.header-search{display:flex;align-items:center;margin-right:16px;max-width:none;flex:none;width:auto;input{display:none}}.header-search form{height:40px}.header-search-btn{pointer-events:all;width:40px;height:40px;border-radius:50%;border:1px solid #F4F5F9;position:relative;transform:none;cursor:pointer;left:0;top:0;svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}.header-main{justify-content:space-between}}@media (max-width:1024.99px){.article.article--category{display:flex;flex-direction:row;.article__image{width:50%}.article__content{width:50%}}.header-content{justify-content:space-between}.container{padding-left:20px;padding-right:20px}.container.padding-8{padding-left:8px;padding-right:8px}.header-logo{max-width:140px;flex:0 0 140px;margin-right:28px}.header-main{max-width:calc(100% - 168px);flex:0 0 calc(100% - 168px)}.header-nav li{margin-right:24px}.header-nav{margin-right:20px}.header-nav-link{font-size:12px}.header-marketing{padding-left:10px;padding-right:10px;img{display:none}}.header-search{margin-right:12px}.header-options-lang.option{margin-right:12px}}@media (min-width:801px) and (max-width:860.99px){.header-nav{margin-right:10px}.header-nav li{margin-right:18px}}@media (max-width:800.99px){.article.article--category{flex-direction:column;.article__image{width:100%;max-width:100%;height:360px;border-radius:12px 12px 0 0;border:1px solid #f0eff4;border-bottom:none}.article__content{width:100%;border-radius:0 0 12px 12px;border:1px solid #f0eff4;border-top:none;padding:16px 24px}.article__title{font-size:21px;line-height:28px}}.titlearea{padding-bottom:24px}.category-description{padding:24px 0}.category-description,.banner-first-category{margin-bottom:24px!important}.header-middle{display:none}.header-right{max-width:none;flex:none}.header-main{max-width:none;flex:none}.header-content{justify-content:space-between}.header-logo{max-width:170px;flex:0 0 170px}.container{padding-left:20px;padding-right:20px}.container.padding-8{padding-left:8px;padding-right:8px}}@media (max-width:800.99px){.mobile-modal{position:fixed;width:100%;left:auto;top:auto;bottom:73px;border-radius:16px 16px 0 0}.mobile-modal.auth{border-radius:0;top:0}.mobile-modal-control{display:flex;gap:0 8px;align-items:flex-start}body.active-modal{overflow:hidden}}@media (max-width:599.9px){.container-category{padding:30px 8px}.container-detail{padding:30px 8px}.article.article--category{.article__image{height:220px}}}@media (max-width:424.9px){.social-item{width:40px;height:40px}.mobile-modal-control .control-item{max-width:45px}.control-item__small{font-size:8px;line-height:1}}@media (max-width:375.99px){.mobile-modal-control{padding-left:20px;padding-right:20px}}