*,:after,:before{box-sizing:border-box}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/Roboto-Regular.ad0fe2f1eeffa670bb7d.woff2) format("woff2"),url(/static/media/Roboto-Regular.9ff92525b1be9c3c50f9.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/static/media/Roboto-Medium.7d2a7d7644dad6b39474.woff2) format("woff2"),url(/static/media/Roboto-Medium.1669f707e753bc23acbb.woff) format("woff")}body,h1,h2,h3,h4,h5,h6{margin:0;padding:0}body{background-image:url(/static/media/free.7f24bbea6afb4dcf326d.jpg);background-position:bottom;background-repeat:no-repeat;color:#0d0d0d;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;min-height:100vh;object-fit:cover}.container{margin:auto;max-width:1200px;min-width:320px;padding:20px}@media screen and (min-width:1024px){.container{padding:64px 20px}}.content,.header{border-radius:16px;padding:20px}@media screen and (min-width:1024px){.content,.header{padding:32px}}.header{background-color:#231f20}@media screen and (min-width:1024px){.header{display:flex}}.header__logo img{width:74px}.header__title{color:#fff;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-top:20px}@media screen and (min-width:1024px){.header__title{font-size:36px;line-height:50px;margin-top:32px}}.header__right{margin:16px -4px -4px}@media screen and (min-width:1024px){.header__right{display:flex;margin:-8px -8px -8px 10px}}.header__block{background-color:#2e292a;border-radius:8px;display:flex;flex:1 1 auto;flex-direction:column;margin:4px;min-width:144px;padding:16px}@media screen and (min-width:1024px){.header__block{margin:8px;padding:24px}}.header__block-title{color:#fff;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:30px}.header__block-left{margin-right:auto}.header__block-content{display:flex;margin-top:auto}.link{color:#319ee0;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-decoration:none}.content{background-color:#fff;margin-top:24px}@media screen and (min-width:1024px){.content{margin-top:32px}}.content__list{display:flex;flex-direction:column;margin:12px -8px -8px;width:calc(100% + 16px)}@media screen and (min-width:1024px){.content__list{flex-direction:row;margin-top:24px}}.content__title{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:30px}@media screen and (min-width:1024px){.content__title{font-size:24px;line-height:36px}}.content__block{background-color:#f7f7f7;border-radius:8px;color:#555;flex:1 1;margin:8px;padding:24px}.content__block:first-child:before{content:"1"}.content__block:first-child:before,.content__block:nth-child(2):before{align-items:center;background-color:#dcdede;border-radius:50%;color:#0d0d0d;display:flex;font-size:18px;height:32px;justify-content:center;line-height:32px;margin-bottom:10px;width:32px}.content__block:nth-child(2):before{content:"2"}.content__block:nth-child(3):before{align-items:center;background-color:#dcdede;border-radius:50%;color:#0d0d0d;content:"3";display:flex;font-size:18px;height:32px;justify-content:center;line-height:32px;margin-bottom:10px;width:32px}.modal{align-items:center;background:#fff;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal label{background-color:#dcdede;border-radius:50%;cursor:pointer;display:block;right:20px;top:20px}.modal label,.modal label .close{height:40px;position:absolute;width:40px}.modal label .close{left:11%;top:-2%}.modal label .close:after,.modal label .close:before{background-color:#fff;border-radius:3px;content:"";display:block;height:3px;left:0;position:absolute;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:80%}.modal label .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal img{width:320px}input[type=checkbox]{height:0;opacity:0;width:0;z-index:-1}input[type=checkbox]+label{cursor:pointer;margin-left:26px}input[type=checkbox]+label img{width:54px}input[type=checkbox]:checked~.modal{display:flex}b{color:#0d0d0d;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:500}