/* BEM: page-login__element-name */
.page-login{
 background:#F5F7FA;
 color:#333333;
 }
.page-login__hero-section{
 padding-top:10px;
 margin:0;
 }
.page-login__hero-image{
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:1200/400;
 object-fit:cover;
 }
.page-login__hero-content{
 background:#FFFFFF;
 padding:20px;
 color:#333333;
 }
.page-login__hero-title{
 font-weight:800;
 line-height:1.3;
 max-width:85%;
 }
.page-login__hero-description{
 max-width:85%;
 margin-bottom: 18px;
 }
.page-login__btn{
 display:inline-block;
 max-width:100%;
 box-sizing:border-box;
 overflow-wrap:break-word;
 font-weight:700;
 border:none;
 border-radius:6px;
 padding:10px 32px;
 cursor:pointer;
 color:#fff;
 text-decoration:none;
 background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);
 }
.page-login__btn--promo{
 padding:8px 18px;
 }
.page-login__btn--guide{
 margin-bottom:18px;
 }
.page-login__features-section,
.page-login__download-section{
 padding-top:10px;
 }
.page-login__grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:20px;
 padding:10px 16px 16px;
 }
.page-login__card{
 background:#FFFFFF;
 border-radius:10px;
 border:1px solid #E0E0E0;
 padding:18px;
 color:#333333;
 }
.page-login__card-icon{
 font-weight:800;
 font-size:1.4rem;
 color:#E53935;
 }
.page-login__card-title{
 font-weight:700;
 line-height:1.3;
 margin-bottom:8px;
 }
.page-login__card-text{
 font-size:1rem;
 }
.page-login__guide-section{
 padding:16px;
 }
.page-login__section-title{
 text-align:center;
 font-weight:800;
 margin-bottom:12px;
 }
.page-login__guide-steps{
 counter-reset:step;
 max-width:900px;
 margin:0 auto;
 padding:10px 0;
 }
.page-login__guide-step{
 display:flex;
 align-items:flex-start;
 gap:14px;
 background:#FFFFFF;
 padding:14px;
 margin-bottom:10px;
 border-radius:10px;
 border:1px solid #E0E0E0;
 }
.page-login__guide-icon{
 font-weight:800;
 font-size:1.4rem;
 color:#fff;
 background:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);
 width:36px;
 height:36px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
 }
.page-login__guide-text{
 color:#333333;
 }
.page-login__content-columns{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:20px;
 align-items:center;
 padding:0 16px 16px;
 }
.page-login__left-column img,
.page-login__content-image{
 width:100%;
 height:auto;
 max-width:800px;
 aspect-ratio:2/1;
 object-fit:cover;
 border-radius:10px;
 }
.page-login__right-column{
 color:#333333;
 }
.page-login__text{
 color:#333333;
 }
.page-login__text--center{
 text-align:center;
 }
.page-login__security-section{
 background:#FFFFFF;
 padding-top:10px;
 }
.page-login__subtitle{
 color:#E53935;
 }
.page-login__grid-item{
 padding:0 15px;
 background:#FFFFFF;
 border-radius:10px;
 border:1px solid #E0E0E0;
 }
@media (max-width: 1024px){
 .page-login__hero-title,
 .page-login__hero-description{
  max-width:95%;
  }
 }
@media (max-width: 768px){
 .page-login__hero-image{
  aspect-ratio:2/1;
  }
 .page-login__hero-content{
  padding:14px;
  }
 .page-login__hero-title,
 .page-login__hero-description{
  max-width:100%;
  }
 .page-login__btn{
  max-width:100%;
  white-space:normal;
  word-wrap:break-word;
  }
 .page-login__grid{
  grid-template-columns:1fr;
  padding:8px;
  }
 .page-login__guide-section{
  padding:10px;
  }
 .page-login__content-columns{
  grid-template-columns:1fr;
  padding:0 8px 8px;
  }
 .page-login__hero-content,
 .page-login__guide-section,
 .page-login__download-section,
 .page-login__card,
 .page-login__grid-item,
 .page-login__content-columns,
 .page-login__guide-steps{
  box-sizing:border-box;
  max-width:100%;
  overflow:hidden;
  }
 .page-login img{
  max-width:100% !important;
  height:auto !important;
  }
 .page-login{
  max-width:100%;
  overflow-x:hidden;
  }
 }