@import "../css2";*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter;background:#fff;display:flex;flex-direction:column;height:100vh}h1{font-size:48px}h2{font-size:36px;margin-bottom:32px}h3{font-size:22px}h4{font-size:18px;font-weight:600}.wrapper{max-width:1280px;margin:0 auto;padding:0 16px}a{text-decoration:none;font-weight:600;color:#000}.btn{background:#00acff;border-radius:4px;color:#fff;padding:8px 12px;font-size:14px;font-weight:500;text-align:center}.header{position:fixed;z-index:1;width:100%;height:114px;background-color:#fff;transition:height .4s,box-shadow .4s}.header.scroll{height:78px;box-shadow:0 0 16px 0 rgba(0,0,0,.1)}.header .wrapper{height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;padding:17px 0}.header .left{display:flex;align-items:center}.header div>a:not(:last-child){margin-right:16px}.content .sidebar_phone .active,.header .middle .active{border-bottom:2px solid rgba(0,0,0,.15);padding-bottom:4px}a .brand{width:40px;height:44px;background-image:url(img/logo.png)}a .title{padding:8px;font-size:24px}.header .right a:not(.btn){font-size:12px;margin-right:14px}.header .right-mobile{cursor:pointer;display:none;background:url(mobile_menu.svg) center center no-repeat;width:28px;height:28px;padding:23px}@keyframes to-left{from{left:100%}to{left:0}}.sidebar_phone{display:none;margin-top:114px;width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,.05);backdrop-filter:blur(16px);z-index:2;animation:to-left .1s linear;transition:margin-top .4s;flex-direction:column;align-items:center;padding:24px 0}.header.scroll~.content .sidebar_phone{margin-top:78px}.sidebar_phone.show{overflow:hidden;display:flex}.sidebar_phone a:not(.btn){display:block;width:fit-content}.content{position:relative;width:100%;overflow:hidden;flex:1 0 auto}.content .wrapper .block1{margin-top:78px;display:flex;justify-content:space-between}.content .wrapper .block1 p{font-weight:700;font-size:24px;color:#888;margin-top:-5px;margin-bottom:18px}.content .wrapper .block1:before{content:"";top:238px;right:0;bottom:0;left:0;position:absolute;width:100%;height:240px;background:linear-gradient(90deg,#dfbeff,#c8ecfd,#f9ace9);z-index:-1}.content .wrapper .block1 .left{position:relative;margin:58px 0}.content .wrapper .block1 .left:before{content:"";position:absolute;top:6px;left:-78px;width:47.42px;height:78px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA0OSA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5LjUzOTQgNDMuMzc1TDQ4LjA5ODkgMzguMzIxN0wxMy42NjIgNzIuOTQ2OUw1LjEwMjU0IDc4TDM5LjUzOTQgNDMuMzc1WiIgZmlsbD0iI0ZGOTkxMSIvPgo8cGF0aCBkPSJNMjIuODk5NCAzMy42MTU0TDMxLjQ1ODkgMjguNTYyMkw0OC4wOTg4IDM4LjMyMThMMzkuNTM5NCA0My4zNzVMMjIuODk5NCAzMy42MTU0WiIgZmlsbD0iI0ZGRUI5QSIvPgo8cGF0aCBkPSJNMzUuMDY4NSAxNS45OTI5TDQzLjYyOCAxMC45Mzk4TDMxLjQ1ODkgMjguNTYyMkwyMi44OTk0IDMzLjYxNTRMMzUuMDY4NSAxNS45OTI5WiIgZmlsbD0iI0ZGOTkxMSIvPgo8cGF0aCBkPSJNMTYuNDE2MyA1LjA1MzI0TDI0Ljk3NTkgMEw0My42MjggMTAuOTM5OEwzNS4wNjg2IDE1Ljk5MjlMMTYuNDE2MyA1LjA1MzI0WiIgZmlsbD0iI0ZGRUI5QSIvPgo8cGF0aCBkPSJNMzkuNTM5NCA0My4zNzVMNS4xMDI1MiA3OEwxOC44MzQ1IDQzLjAyMTZMMC42ODI0OTUgMzIuMzc1MkwxNi40MTYyIDUuMDUzMjVMMzUuMDY4NSAxNS45OTI5TDIyLjg5OTQgMzMuNjE1NEwzOS41Mzk0IDQzLjM3NVoiIGZpbGw9IiNGRURBNDQiLz4KPC9zdmc+Cg==)}.content .wrapper .block1 .left .cards{margin-top:40px;display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;width:450px;padding:10px;border-radius:8px}.content .wrapper .block1 .left .cards .card{position:relative;display:flex;align-items:center;justify-content:center;flex:1;border-radius:8px;font-size:16px;font-weight:500;white-space:nowrap;padding:6px 8px;height:36px;transition:transform .2s;cursor:pointer}.content .wrapper .block1 .left .cards .card:hover{transform:scale(1.02)}.content .wrapper .block1 .left .cards,.content .wrapper .block1 .left .cards .card{background:linear-gradient(0deg,rgba(255,255,255,0),#fff);z-index:0}.content .wrapper .block1 .left .cards .card:not(:nth-child(2n)){margin-right:10px}.content .wrapper .block1 .left .cards .card:not(:nth-child(7)):not(:nth-child(8)){margin-bottom:10px}.content .wrapper .block1 .left .cards .card:before,.content .wrapper .block1 .left .cards:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:1px;border-radius:inherit;z-index:-1}.content .wrapper .block1 .left .cards:before{background:linear-gradient(360deg,#b9d8ff,#e9bcfe)}.content .wrapper .block1 .left .cards .card:before{background:#f2defe}.content .wrapper .block1 .left .cards .card svg{margin-right:6px}@keyframes levitate{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-12px);transform:translate(0,-12px)}}.content .wrapper .block1 .right .icon{width:318.29px;height:334.99px;background-image:url(img/cloud-ok.png);margin-top:52px;animation:levitate 2s alternate ease-in-out infinite}.content .wrapper .block2{margin-bottom:96px}.content .wrapper .block2 .cards{display:flex;justify-content:space-between}.content .wrapper .block2 .cards .card{display:flex;align-items:center}.content .wrapper .block2 .cards .card p{color:#636363;font-size:15px}.content .wrapper .block2 .cards .card .icon{margin-right:24px}.content .wrapper .block2 .cards .card:nth-child(1){width:473px}.content .wrapper .block2 .cards .card:nth-child(2){width:335px}.content .wrapper .block2 .cards .card:nth-child(3){width:410px}.content .wrapper .block2 .cards .card:nth-child(1) .icon{flex-shrink:0;width:89.62px;height:98px;background:url(img/cloud-security.png);background-size:contain}.content .wrapper .block2 .cards .card:nth-child(2) .icon{flex-shrink:0;width:90.34px;height:97px;background:url(img/cloud-search.png);background-size:contain}.content .wrapper .block2 .cards .card:nth-child(3) .icon{flex-shrink:0;width:98.24px;height:97px;background:url(img/cloud-exchange.png);background-size:contain}.content .wrapper .block2 .cards .card .right{display:flex;flex-direction:column;justify-content:center}.content .wrapper .block3{position:relative}.content .wrapper .block3 .dropdown{display:none;top:64px;position:absolute;background:#000;width:453px;font-size:24px;padding:18px}.content .wrapper .block3 .dropdown a{color:#fff}//.content .wrapper .block3:after{//content:url(img/rocket.png);//position:absolute;//top:54px;//right:128px;//bottom:0;//width:0;//height:0;//pointer-events:none//}.content .wrapper .block3 .filters{display:flex}.content .wrapper .block3 .filters .items{display:flex;flex-wrap:wrap;color:#707070}.content .wrapper .block3 .filters .items .new{border-radius:8px;margin-left:6px;font-weight:400;padding:1px 6px;padding-left:4px;font-size:12px;background-color:#00acff;color:#fff;font-style:italic}.content .wrapper .block3 .filters .items .cpu{color:#fff;font-size:11px;padding:2px 4px;border-radius:4px;margin-right:4px}.content .wrapper .block3 .filters .items .amd{background:#f66}.content .wrapper .block3 .filters .items .intel{background:#009bff}.content .wrapper .block3 .filters .items:not(:last-child){margin-right:48px}.content .wrapper .block3 .filters h4{margin-right:12px}.content .wrapper .block3 .filters .items .item{font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;width:fit-content;padding-bottom:4px;border-bottom:1px solid #e3e3e3;transition:border-bottom .2s}.content .wrapper .block3 .filters .items .item:not(:last-child){margin-right:16px}.content .wrapper .block3 .filters .items .item img{margin-right:6px;border-radius:2px}.content .wrapper .block3 .filters .items .active{border-bottom:2px solid #00acff;color:#000}.content .wrapper .block3 .cards{display:none;margin-top:8px}.content .wrapper .block3 .visible{display:block}.content .wrapper .block3 .cards .card{border-radius:4px;border:1px solid rgba(0,0,0,.15);padding:32px;display:flex;justify-content:space-between;align-items:center}.content .wrapper .block3 .cards .card:not(:last-child){margin-bottom:16px}.content .wrapper .block3 .cards .card>div:not(:nth-child(1)){margin-left:48px}.content .wrapper .block3 .cards .card div:nth-child(1){flex:1}.content .wrapper .block3 .cards .card div .text{font-size:14px}.content .wrapper .block3 .cards .card div h4{display:inline-block}.content .wrapper .block3 .cards .card div .line{border-bottom:1px solid rgba(0,0,0,.15);margin:8px 0;width:64px}.content .wrapper .block3 .cards .card div:nth-child(1) .text{margin-top:2px}.content .wrapper .block3 .cards .card div:nth-child(1) .text p span{display:inline-block;color:#707070;font-weight:600;margin-right:4px}.content .wrapper .block3 .cards .card>div:nth-child(4){width:95px}.content .wrapper .block3 .cards .card>div:last-child{display:flex;flex-direction:column;width:155px}.content .wrapper .block3 .cards .card>div:last-child>span{margin-bottom:4px;text-align:center}.block_slide .block_slide_box{display:flex}.block_slide .block_slide_box .block_slide_item{width:100%}.block_slide .block_slide_box .block_slide_item.left{margin-right:48px}.block_slide .block_slide_box .block_slide_item img{border-radius:16px;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 24px 0 rgba(0,0,0,.1)}.block_slide .block_slide_box .block_slide_item h2{margin-bottom:8px}.block_slide .block_slide_box .block_slide_item h3{font-weight:300;margin-bottom:24px;color:#b4b4b4}.block_slide .block_slide_box .block_slide_item span:not(.percent){font-size:18px}@media(max-width:800px){.block_slide_box{flex-direction:column}.block_slide .block_slide_box .block_slide_item img{width:100%;margin:16px 0}}.footer{background-color:#f6f6f6;padding:48px 0}.footer>.wrapper{display:flex;justify-content:space-between}.footer .logo{padding-top:0}.footer h4{margin-bottom:16px}.footer,.footer a .title{color:#000}.footer a:not(.logo){color:#4b4b4b;display:block;font-weight:400;font-size:14px;transition:color .2s ease-out}.footer a:not(.logo):hover{color:gray}.footer a:not(.logo):not(:last-child){margin-bottom:8px}.footer p{font-size:14px;color:gray}.footer p:not(:last-child){padding-bottom:14px}@media(max-width:1578px){.content .wrapper .block1 .left>:not(.cards){margin-left:62px}.content .wrapper .block1 .left:before{top:0;left:0;background-size:contain;height:75px}}@media(max-width:800px){.header .middle{display:none}.header .right{display:none}.header .right-mobile{display:block}.content .wrapper .block1{justify-content:center;flex-direction:column}.content .wrapper .block1:before{display:none}h1{font-size:36px;line-height:33px;margin-bottom:12px}h2{font-size:28px}h3{font-size:20px}.content .wrapper .block1 p{font-size:18px}.content .wrapper .block1 .left:before{width:40.14px;height:64px}.content .wrapper .block1 .left .cards{width:100%;flex-direction:column}.content .wrapper .block1 .left .cards .card{width:100%;flex:unset}.content .wrapper .block1 .left .cards .card:nth-child(7){margin-bottom:10px}.content .wrapper .block1 .right{display:flex;justify-content:center}.content .wrapper .block1 .right .icon{margin-top:0}.content .wrapper .block2 .cards{flex-direction:column}.content .wrapper .block2 .cards .card{margin-bottom:18px}.content .wrapper .block2 .cards .card p{font-size:14px;letter-spacing:-.06em}.content .wrapper .block2 .cards .card:nth-child(1),.content .wrapper .block2 .cards .card:nth-child(2),.content .wrapper .block2 .cards .card:nth-child(3){width:auto}.content .wrapper .block2 .cards .card .icon{margin-right:14px}.content .wrapper .block2 .cards .card:nth-child(1) .icon{width:69px;height:75px}.content .wrapper .block2 .cards .card:nth-child(2) .icon{width:69px;height:74px}.content .wrapper .block2 .cards .card:nth-child(3) .icon{width:69px;height:68px}.content .wrapper .block3 .dropdown{width:100%}.content .wrapper .block3:after{display:none}.content .wrapper .block3 .filters{flex-direction:column;align-items:center}.content .wrapper .block3 .filters h4{margin-right:0;margin-bottom:8px}.content .wrapper .block3 .filters .items{align-items:center;justify-content:center;margin-bottom:16px}.content .wrapper .block3 .filters .items:not(:last-child){margin-right:0}.content .wrapper .block3 .filters .items:nth-child(2){flex-direction:column}.content .wrapper .block3 .filters .items .item{margin:4px}.content .wrapper .block3 .filters .items .item:not(:last-child){margin-right:0}.content .wrapper .block3 .cards .card{flex-direction:column;text-align:center}.content .wrapper .block3 .cards .card div:nth-child(1){padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.15)}.content .wrapper .block3 .cards .card>div:not(:nth-child(1)){margin-left:0;margin-top:24px}.content .wrapper .block3 .cards .card div .line{margin:8px auto}.footer>.wrapper{flex-direction:column}.footer .logo{justify-content:center}.footer h4{margin-top:24px}.footer div:nth-child(4){margin-bottom:24px}}.block_actions{display:flex}.block_actions_box{width:100%;height:214px;border-radius:4px;border:1px solid rgb(0,0,0,.1)}.block_actions_box:not(:last-child){margin-right:16px}.block_actions_box_header{display:flex;align-items:center;margin:16px 16px 0}.block_actions_box_text{display:inline-block;margin-left:16px}.block_actions_box_specs{display:flex;width:100%;padding:24px 16px}.block_actions_box_spec{flex:1 1 auto;text-align:center}.block_actions_box_spec h3{font-size:18px}.block_actions_box_textmore{display:block;color:gray;width:fit-content;margin-left:24px;transition:color .2s,transform .2s}.block_actions_box_textmore:hover{color:#b2b2b2;transform:scale(1.02)}@media(max-width:800px){.block_actions{flex-direction:column}.block_actions_box:not(:last-child){margin-right:0;margin-bottom:16px}}.block_os{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.block_os h2{margin-bottom:0}.block_os>div{position:relative}.block_os .os{padding:24px;background-color:#899bce;transition:background-color .2s,transform .2s;border-radius:8px;width:128px;height:128px;display:flex;justify-content:center;align-items:center;cursor:pointer}.block_os .versions{position:absolute;padding:12px 0;opacity:0;transition:.2s;left:-16px;pointer-events:none}.block_os .os:hover{transform:scale(1.05);position:relative}.block_os .os:hover~.versions{opacity:1;righ:0;left:0}.block_os div:nth-child(1):hover .os{background-color:#00adef}.block_os div:nth-child(2):hover .os{background-color:#e95420}.block_os div:nth-child(3):hover .os{background-color:#d70751}.block_os div:nth-child(4):hover .os{background-color:#e02502}.block_os div:nth-child(5):hover .os{background-color:#932178}.block_os div:nth-child(6):hover .os{background-color:#6e6ee2}@media(max-width:800px){.block_os{justify-content:center;gap:128px 16px}.block_os .versions{margin-left:6px}.block_os .os{margin:8px}}.block_slider_accordion{padding-bottom:96px;display:flex}.block_slider_accordion .title{width:100%}.accordion{border-radius:4px;border:1px solid rgba(0,0,0,.1)}.accordion:not(:last-child){margin-bottom:10px}.accordion>.accordion_title{padding:18px;font-size:20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion>.accordion_title:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0OCIgZD0iTTExMiAxODRsMTQ0IDE0NCAxNDQtMTQ0Ii8+PC9zdmc+);width:24px;height:24px;transition:transform .2s}.accordion.active>.accordion_title:after{transform:rotate(180deg)}.accordion>.accordion_content{display:none}.accordion.active>.accordion_content{display:block}.accordion.active>.accordion_content p{margin:16px}@media(max-width:800px){.block_slider_accordion{flex-direction:column}}.block_percent{margin-top:114px;display:flex;position:relative}.block_percent .item .percent{font-size:344px;position:relative}.block_percent .item .percent:after{content:"";position:absolute;width:100%;border-bottom:8px solid #00acff;left:0;bottom:36px}.block_percent .item{width:100%}.block_percent .item.right{display:flex;align-items:center}.block_percent .item .title{font-size:48px}.block_percent .item .description{font-size:18px;display:block;padding-top:36px}@media(max-width:800px){.block_percent{flex-direction:column;text-align:center}.block_percent>.item:nth-child(1){margin-bottom:24px}.block_percent .item .percent{font-size:224px}.block_percent .item .percent:after{bottom:16px}.block_percent .item .title{font-size:36px}}.block_contacts{display:flex;justify-content:center;position:relative}.block_contacts h2{margin-top:0}.block_contacts>div{flex-basis:50%}.block_contacts .right{margin-left:auto;text-align:right}.block_contacts .item>p{font-size:20px;max-width:460px;line-height:28px}.block_social{width:fit-content;float:right}.block_contacts .support_text{font-size:42px}.block_contacts .social_buttons{display:flex;padding-top:4px}.block_contacts .social_buttons>a.social_button{width:48px;height:48px;transition:transform .2s}.block_contacts .social_buttons>a.social_button:not(:last-child){margin-right:8px}.block_contacts .social_buttons>a.social_button:hover{transform:scale(1.1)}.block_contacts .social_buttons>a.social_button.social_button_vk{background:url(vk.svg)}.block_contacts .social_buttons>a.social_button.social_button_tg{background:url(tg.svg)}.block_contacts .social_buttons>a.social_button.social_button_twitter{background:url(twitter.svg)}.block_contacts .slider>img{border-radius:8px;width:600px;height:400px}.block_contacts .slider .slider_small_img{display:flex;width:600px;justify-content:end;margin-left:auto;padding-top:4px}.block_contacts .slider .slider_small_img>img:not(:last-child){margin-right:8px}.block_contacts .slider .slider_small_img>img{width:144px;height:105px;border-radius:6px;flex:1 1 auto;cursor:pointer;transition:transform .2s}.block_contacts .slider .slider_small_img>img.active{border:2px solid #00acff}.block_contacts .slider .slider_small_img>img:not(.active):hover{transform:scale(.98)}.block_contacts:nth-child(1)>.item.left:before{content:"CONTACTS";position:absolute;font-size:36px;z-index:-1;color:rgba(0,0,0,.05);left:260px}.block_contacts:nth-child(1)>.item.right{padding-top:324px}.block_contacts:nth-child(3)>.item.left:before{content:"ABOUT US";position:absolute;font-size:36px;z-index:-1;color:rgba(0,0,0,.05);left:260px}.accordion{background-color:#f4f4f4;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.accordion:not(:last-child){margin-bottom:10px}.accordion>.accordion_title{padding:18px;font-size:20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion>.accordion_title:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0OCIgZD0iTTExMiAxODRsMTQ0IDE0NCAxNDQtMTQ0Ii8+PC9zdmc+);width:24px;height:24px;transition:transform .2s}.accordion.active>.accordion_title:after{transform:rotate(180deg)}.accordion>.accordion_content{display:none}.accordion.active>.accordion_content{display:block}.accordion>.accordion_content>.img{padding:18px}.accordion>.accordion_content>.img>img{border-radius:4px}@media(max-width:800px){.block_contacts{flex-direction:column}.block_contacts:nth-child(1)>.item.right{padding-top:24px}.block_contacts .right{margin-left:0}.block_contacts:nth-child(1)>.item.left:before,.block_contacts:nth-child(3)>.item.left:before{display:none}.block_social{float:unset}.block_contacts .support_text{font-size:34px}.block_contacts .slider .slider_small_img{width:auto}.block_contacts .slider .slider_small_img>img{width:0;height:auto}#slider_img{margin-top:16px;width:100%;height:auto}.accordion>.accordion_content>.img>img{width:100%}}.footer-logo{display:flex;flex-direction:column;justify-content:space-between}.footer-logo p{padding-top:34px}.btn.login{margin-top:8px}.section1{margin-top:-33px;padding:64px 0}.slide1{padding-bottom:64px}.section2{padding-bottom:96px}.os_long_name{font-size:10px}#accordions{text-align:left;display:flex;flex-direction:column;justify-content:end;margin-bottom:42px}.accordions1{margin-left:0;width:100%}.accordion_content hr{height:1px;border:none;background-color:rgba(0,0,0,.1)}.f{margin-top:126px}.hr{margin:48px 0;height:1px;border:none;background-color:rgba(0,0,0,.1)}.privacy_policy{padding-top:118px;padding-bottom:38px}.privacy_policy h3{padding-bottom:24px}.block_slide_item div{padding:16px;display:flex;border-radius:4px;margin-bottom:12px}.block_slide_item div:last-child{margin:0}.border-black{border:2px solid #000}.border-red{border:2px solid red}.border-green{border:2px solid #0c0}.referralblock{margin:72px 0}.terms{padding-top:118px;padding-bottom:38px}.terms h3{padding-bottom:24px}.zalupa{margin-top:126px;margin-bottom:16px}.text-medium{font-size:12px}.block_slide_item.left h1{margin-bottom:24px}
/* FAQ (Часто задаваемые вопросы) */
.question {
  padding: 5rem 0;

}

.question .page-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

.question__wrap {
  max-width: 960px;
  margin: 0 auto;
}

/* Элемент вопроса */
.question__item {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 1rem;
  background: #fff;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Заголовок вопроса */
.question__item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 1.5rem;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 600;
  position: relative;
}

.question__item-title {
  flex: 1;
}

/* Стрелка */
.question__item-arrow {
  width: 12px;
  height: 12px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* Содержимое */
.question__item-inside {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 1.5rem;
}

.question__item-wrap {
  padding: 1rem 0;
  font-size: 1rem;
  color: #444;
  line-height: 1.5;
}

/* Активный пункт */
.question__item.active .question__item-inside {
  max-height: 600px; /* подбирай под объём текста */
  padding: 1rem 1.5rem;
}

.question__item.active .question__item-arrow {
  transform: rotate(-135deg);
}
.tg-help {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  text-decoration: none;
  color: #000;
  font-family: Arial, sans-serif;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  z-index: 999;
}

.tg-help:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

.tg-help img {
  width: 28px;
  height: 28px;
}

.tg-help__text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.tg-help__text strong {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.tg-help__text span {
  font-size: 13px;
  color: #555;
}
/* Общие стили */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f9f9f9;
}

/* Общие стили */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f9f9f9;
}

/* Шапка */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 40px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 0;
  z-index: 100;
}

.logo {
  font-size: 20px;
  font-weight: bold;
}

/* Меню */
.menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 30px;
}

.menu li {
  position: relative;
}

.menu a {
  text-decoration: none;
  color: #333;
  font-size: 15px;
  transition: color 0.2s;
}

.menu a:hover {
  color: #007bff;
}

/* Выпадающее меню */
.dropdown {
  display: none; /* скрыто по умолчанию */
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  padding: 20px;
  width: 600px;
  z-index: 10;
  display: flex;
  gap: 20px;
}

/* Блоки услуг */
.dropdown-columns {
  display: flex;
  flex-direction: column; /* каждый блок друг под другом */
  gap: 15px;
  flex: 1;
}

.dropdown-column {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.dropdown-column a {
  font-weight: bold;
  display: block;
}

.dropdown-column p {
  margin: 0;
  font-size: 13px;
  color: #666;
}

/* Метка */
.label {
  background: #007bff;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 5px;
  margin-left: 6px;
}

/* Промо-блок справа */
.dropdown-promo {
  flex: 1;
  background: #f3f6ff;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
}

.dropdown-promo h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
}

.dropdown-promo .btn {
  display: inline-block;
  background: #039be5;
  color: #fff;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
}

/* Правая часть */
.auth-buttons a {
  margin-left: 15px;
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
}

.login {
  border: 1px solid #1e2530;
  color: #1e2530;
}

.register {
  background: #1e2530;
  color: #fff;
}

/* Кнопка подарок */
.gift-btn {
  background: #039be5;
  color: #fff !important;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
}

/* Модальное окно */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
}

.modal-content {
  background: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  width: 400px;
  max-width: 90%;
  text-align: center;
  position: relative;
}

.close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 20px;
  cursor: pointer;
}

.promo-input {
  width: 100%;
  padding: 10px;
  margin: 15px 0;
  font-size: 16px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.btn-copy {
  background: #0f1218;
  border: none;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
	
}

/* Telegram баннер */
.telegram-banner {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #1e2530;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border-radius: 15px;
  margin: 10px;
}


    .telegram-left {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .telegram-left img {
      width: 28px;
      height: 28px;
    }

    .telegram-text {
      display: flex;
      flex-direction: column;
      font-size: 14px;
    }

    .telegram-text strong {
      font-size: 16px;
    }

    .telegram-right {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .telegram-link {
      background: #039be5;
      color: #ffffff;
      text-decoration: none;
      padding: 8px 15px;
      border-radius: 8px;
      font-weight: 500;
      cursor: pointer;
      transition: background 0.2s;
    }

    .telegram-link:hover {
      background: #f1f1f1;
    }

    .telegram-close {
      background: none;
      border: none;
      font-size: 22px;
      color: white;
      cursor: pointer;
      line-height: 1;
    }
{
      margin: 0;
      font-family: Arial, sans-serif;
      background: #f5f7fb;
      color: #fff;
    }

    .slider {
      position: relative;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      overflow: hidden;
      border-radius: 12px;
      height: 500px;
    }

    .slides {
      display: flex;
      transition: transform 0.6s ease;
      height: 100%;
    }

    .slide {
      min-width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #1e2530;
      padding: 40px 60px;
      box-sizing: border-box;
    }

    .slide-content {
      max-width: 50%;
    }

   .slide h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #ffffff; /* Добавь эту строку */
}

    .slide p {
      font-size: 1.2rem;
      margin-bottom: 30px;
      line-height: 1.5;
      color: #d0d0d0;
    }

    .slide button {
      padding: 14px 30px;
      font-size: 1rem;
      border: none;
      border-radius: 6px;
      background: #039be5;
      color: #fff;
      cursor: pointer;
      transition: background 0.3s;
    }

    .slide button:hover {
      background: #6aa626;
    }

    .slide img {
      max-width: 45%;
      
      border-radius: 10px;
    }

    /* Кнопки переключения */
    .controls {
      position: absolute;
      top: 50%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
      padding: 0 20px;
    }

    .control {
      background: rgba(0, 0, 0, 0.4);
      color: #fff;
      border: none;
      padding: 14px;
      border-radius: 50%;
      cursor: pointer;
      font-size: 20px;
      transition: background 0.3s;
    }

    .control:hover {
      background: rgba(0, 0, 0, 0.7);
    }

    /* Точки */
    .dots {
      text-align: center;
      margin-top: 15px;
    }

    .dot {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0 6px;
      background: #bbb;
      border-radius: 50%;
      cursor: pointer;
      transition: background 0.3s;
    }

    .dot.active {
      background: #7fbf2f;
    }
{
      font-family: Arial, sans-serif;
      background-color: #f8f9fb;
      margin: 0;
      padding: 0;
      color: #1c1c1c;
    }

    .section {
      max-width: 1200px;
      margin: 0 auto;
      padding: 60px 20px;
      text-align: center;
    }

    .section h2 {
      font-size: 28px;
      margin-bottom: 15px;
      font-weight: 700;
    }

    .section p {
      font-size: 16px;
      color: #666;
      margin-bottom: 40px;
    }

    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
    }

    .feature-card {
      background: #fff;
      border-radius: 12px;
      padding: 25px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      text-align: left;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }

    .feature-icon {
      font-size: 28px;
      margin-bottom: 15px;
      display: inline-block;
    }

    .feature-card h3 {
      font-size: 18px;
      margin-bottom: 10px;
      font-weight: 600;
    }

    .feature-card p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
    }
{
      font-family: "Inter", Arial, sans-serif;
      background: #f4f6fa;
      margin: 0;
      padding: 40px 0;
      color: #1c1c1c;
    }

    h2 {
      text-align: center;
      margin-bottom: 30px;
      font-size: 32px;
      font-weight: 700;
    }

    /* ===== Переключатель тарифов ===== */
    .features-bar {
      max-width: 1100px;
      margin: 0 auto 40px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
    }

    .feature {
      background: #fff;
      padding: 16px 20px;
      border-radius: 14px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.06);
      transition: all 0.2s ease;
      cursor: pointer;
    }

    .feature:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }

    .feature.active {
      border: 2px solid #4caf50;
    }

    .feature.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none;
    }

    .feature-title {
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 6px;
    }

    .feature-subtitle {
      font-size: 14px;
      color: #666;
      line-height: 1.3;
    }

    /* ===== Карточки тарифов ===== */
    .tariff-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
      max-width: 1300px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .tariff-card {
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
      display: flex;
      flex-direction: column;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .tariff-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 32px rgba(0,0,0,0.12);
    }

    .tariff-header {
      padding: 20px;
      color: #fff;
      font-weight: 700;
      font-size: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .tariff-header .price {
      font-size: 20px;
      font-weight: 800;
    }

    .prog { background: linear-gradient(135deg, #2db7f5, #1890ff); }
    .start { background: linear-gradient(135deg, #9254de, #722ed1); }
    .razgon { background: linear-gradient(135deg, #ff4d4f, #d9363e); }
    .otryv { background: linear-gradient(135deg, #52c41a, #389e0d); }

    .tariff-body {
      padding: 25px;
      font-size: 15px;
      color: #333;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    /* Локация select */
    .location select {
      padding: 8px 12px;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
    }

    /* SSD/NVMe */
    .switch {
      display: flex;
      justify-content: center;
      gap: 12px;
    }

    .switch button {
      border: 1px solid #ddd;
      background: #fff;
      padding: 6px 14px;
      border-radius: 8px;
      cursor: pointer;
      font-size: 14px;
      font-weight: 600;
      transition: all 0.2s ease;
    }

    .switch button.active {
      background: #4caf50;
      color: #fff;
      border-color: #4caf50;
    }

    /* Ползунок */
    .slider-block {
      font-size: 14px;
      color: #555;
    }

    .slider-wrapper {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 8px;
    }

    .slider-wrapper input[type="range"] {
      -webkit-appearance: none;
      width: 100%;
      height: 6px;
      background: #ddd;
      border-radius: 5px;
      outline: none;
      cursor: pointer;
    }

    .slider-wrapper input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #4caf50;
      cursor: pointer;
      border: none;
      box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }

    .slider-wrapper input[type="range"]::-moz-range-thumb {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #4caf50;
      cursor: pointer;
      border: none;
      box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }

    .slider-value {
      font-weight: 700;
      min-width: 35px;
      text-align: right;
    }

    .tariff-footer {
      padding: 20px;
      background: #fafafa;
      border-top: 1px solid #f0f0f0;
    }

    .btn {
      display: block;
      width: 100%;
      background: #52c41a;
      color: #fff;
      text-decoration: none;
      padding: 12px;
      border-radius: 10px;
      font-weight: 600;
      text-align: center;
      font-size: 15px;
      transition: background 0.25s ease;
    }

    .btn:hover {
      background: #3b8f17;
    }
h2 {
  text-align: center;
  margin: 40px 0 30px; /* верхний отступ 40px, нижний 30px */
  font-size: 32px;
  font-weight: 700;
}
.logo img {
    width: 90px; /* подберите нужный размер */
    height: auto;
}
.block_actions_box_textmore {
  display: block;
  width: max-content;
  margin: 15px auto 30px auto; /* добавил отступ снизу 30px */
  
  background-color: #52c41a;
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.block_actions_box_textmore:hover {
  background-color: #218838;
}
.slider {
  margin-top: 0.1cm;
}
.footer-logo {
    text-align: center; 
    position: relative; /* Позволяет сдвигать элемент */
    top: -0.3cm;          /* Сдвигаем логотип вверх на 2 сантиметра */
}

.footer-logo img {
    width: 140px;
    height: auto;
    display: inline-block;
}

.theme-toggle {
  cursor: pointer;
  font-size: 20px;
  margin-left: 15px;
  transition: transform 0.3s ease;
}

.theme-toggle:hover {
  transform: rotate(20deg);
}

/* ====== Кнопка переключения темы ====== */
.theme-toggle {
  cursor: pointer;
  font-size: 18px;
  
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
 
  border-radius: 8px;
  background: #fff;
  transition: background 0.3s ease, transform 0.3s ease;
}

.theme-toggle:hover {
  background: #f1f1f1;
  transform: rotate(15deg);
}

body.dark-mode .theme-toggle {
  border-color: #555;
  background: #1e1e1e;
  color: #fff;
}

/* ====== Ночной режим ====== */
body.dark-mode {
  background: #121212;
  color: #f1f1f1;
}

body.dark-mode .navbar {
  background: #1e1e1e;
  border-bottom: 1px solid #333;
}

body.dark-mode .menu a {
  color: #f1f1f1;
}

body.dark-mode .menu a:hover {
  color: #4cafef;
}

body.dark-mode .question__item {
  background: #1e1e1e;
  border-color: #333;
}

body.dark-mode .question__item-arrow {
  border-color: #fff;
}

body.dark-mode .feature-card {
  background: #1e1e1e;
  color: #ddd;
  box-shadow: 0 4px 12px rgba(255,255,255,0.05);
}

/* ====== Мобильная версия ====== */
.burger {
  display: none; /* По умолчанию (ПК) бургер скрыт */
}

@media (max-width: 768px) {
  /* Шапка */
  .navbar {
    flex-wrap: wrap;
    padding: 10px 20px;
  }

  .logo {
    font-size: 18px;
  }

  /* Меню скрываем, открываем через бургер */
  .menu {
    display: none;
    flex-direction: column;
    gap: 15px;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #ddd;
  }

  .menu.active {
    display: flex;
  }

  /* Кнопка-бургер */
  .burger {
    display: block;
    cursor: pointer;
    font-size: 26px;
    margin-left: auto;
    user-select: none;
  }

  /* Блок авторизации */
  .auth-buttons {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
  }

  .auth-buttons a {
    flex: 1;
    text-align: center;
    margin: 5px 0;
  }

  .theme-toggle {
    margin-right: auto; /* переносим иконку влево */
  }

  /* Блоки (фичи, тарифы и т.д.) */
  .features,
  .tariff-cards {
    grid-template-columns: 1fr; /* по одной карточке */
  }

  /* Слайдер */
  .slide {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .slide-content {
    max-width: 100%;
  }

  .slide img {
    max-width: 100%;
    margin-top: 20px;
  }

  /* Telegram баннер */
  .telegram-banner {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
/* ====== Ночной режим ====== */
body.dark-mode {
  background: #121212;
  color: #f1f1f1;
}

/* Навигация */
body.dark-mode .navbar {
  background: #1e1e1e;
  border-bottom: 1px solid #333;
}

body.dark-mode .menu a {
  color: #f1f1f1;
}

body.dark-mode .menu a:hover {
  color: #4cafef;
}

/* Вопросы */
body.dark-mode .question__item {
  background: #1e1e1e;
  border-color: #333;
}

body.dark-mode .question__item-arrow {
  border-color: #fff;
}

/* Карточки */
body.dark-mode .feature-card,
body.dark-mode .tariff-card,
body.dark-mode .dropdown,
body.dark-mode .dropdown-promo {
  background: #1e1e1e;
  color: #f1f1f1;
  border-color: #333;
  box-shadow: 0 4px 12px rgba(255,255,255,0.05);
}

/* Заголовки внутри блоков */
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode .feature-title,
body.dark-mode .tariff-header,
body.dark-mode .question__item-title {
  color: #ffffff;
}

/* Текстовые описания */
body.dark-mode p,
body.dark-mode span,
body.dark-mode .feature-subtitle,
body.dark-mode .tariff-body,
body.dark-mode .dropdown-column p {
  color: #cccccc;
}

/* Кнопки */
body.dark-mode .btn,
body.dark-mode .login,
body.dark-mode .register,
body.dark-mode .telegram-link,
body.dark-mode .gift-btn {
  background: #4caf50;
  color: #fff !important;
  border-color: #4caf50;
}

body.dark-mode .btn:hover,
body.dark-mode .telegram-link:hover {
  background: #3b8f17;
}

/* Telegram баннер */
body.dark-mode .telegram-banner {
  background: #1e1e1e;
  color: #f1f1f1;
}

body.dark-mode .telegram-link {
  background: #039be5;
  color: #fff !important;
}

body.dark-mode .telegram-close {
  color: #f1f1f1;
}