.page-login{color:#333333;font-family:Arial,Helvetica,sans-serif;line-height:1.6;max-width:100%;overflow-x:hidden}
.page-login h1,.page-login h2,.page-login h3{color:#26A9E0;margin-top:0}
.page-login__hero-section{width:100%;display:flex;flex-direction:column;padding-top:10px;margin-top:0;background:#FFFFFF}
.page-login__hero-image{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.page-login__hero-img{width:100%;height:auto;display:block;border-radius:12px}
.page-login__hero-content{width:100%;max-width:1200px;margin:0 auto;padding:20px 16px;box-sizing:border-box;text-align:center}
.page-login__hero-title{font-weight:700;line-height:1.3;letter-spacing:-0.01em;margin-bottom:12px}
.page-login__hero-desc{font-size:1.05rem;margin-bottom:20px;color:#333333}
.page-login__hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.page-login__btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;text-align:center;transition:background-color .25s ease,color .25s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-login__btn--primary{background:#EA7C07;color:#FFFFFF}
.page-login__btn--primary:hover{background:#c96a05;color:#FFFFFF}
.page-login__btn--outline{background:transparent;color:#26A9E0;border:2px solid #26A9E0}
.page-login__btn--outline:hover{background:#26A9E0;color:#FFFFFF}
.page-login__btn--outline-light{background:transparent;color:#FFFFFF;border:2px solid #FFFFFF}
.page-login__btn--outline-light:hover{background:#FFFFFF;color:#26A9E0}
.page-login__banner-section{max-width:1200px;margin:20px auto;padding:0 16px;box-sizing:border-box}
.page-login__banner-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.page-login__thumb-img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:8px;min-width:200px;min-height:200px}
.page-login__intro-section,.page-login__posts-section,.page-login__promo-section,.page-login__list-section,.page-login__faq-section{max-width:1200px;margin:0 auto;padding:32px 16px;box-sizing:border-box}
.page-login__section-title{font-weight:700;line-height:1.3;margin-bottom:18px;border-left:5px solid #26A9E0;padding-left:12px}
.page-login__text{margin-bottom:14px;color:#333333}
.page-login__posts-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.page-login__post-card{background:#FFFFFF;border:1px solid #e5eef5;border-radius:10px;overflow:hidden;padding-bottom:16px}
.page-login__post-img{width:100%;height:auto;display:block;min-width:200px;min-object-fit:cover}
.page-login__post-title{font-size:1.05rem;padding:12px 14px 6px;margin:0}
.page-login__post-text{font-size:.95rem;padding:0 14px;margin:0;color:#333333}
.page-login__inline-link{color:#26A9E0;text-decoration:underline}
.page-login__promo-section{display:flex;flex-direction:column;gap:20px;background:#f0f8fd;border-radius:12px;margin-top:20px;margin-bottom:20px}
.page-login__promo-img{width:100%;height:auto;display:block;border-radius:10px;min-width:200px;min-height:200px;object-fit:cover}
.page-login__promo-content{padding:0 4px}
.page-login__list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-login__list-item{background:#FFFFFF;border:1px solid #e5eef5;border-radius:10px;padding:16px}
.page-login__list-img{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:12px;min-width:200px;min-height:200px;object-fit:cover}
.page-login__list-title{font-size:1.05rem;margin-bottom:8px}
.page-login__list-text{font-size:.95rem;margin:0}
.page-login__faq-item{border-bottom:1px solid #e5eef5;padding:14px 0}
.page-login__faq-question{font-size:1.02rem;margin-bottom:6px;color:#26A9E0}
.page-login__faq-answer{margin:0;color:#333333}
.page-login__overlay-section{width:100%;position:relative;overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:20px}
.page-login__overlay-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;min-width:200px;min-height:200px}
.page-login__overlay-mask{position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:1}
.page-login__overlay-content{position:relative;z-index:2;padding:32px 16px;max-width:820px;color:#FFFFFF}
.page-login__overlay-title{color:#FFFFFF}
.page-login__overlay-text{color:#FFFFFF;margin-bottom:16px}
.page-login__cta-section{max-width:1200px;margin:20px auto;padding:0 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;text-align:center}
.page-login__cta-img{width:100%;height:auto;display:block;border-radius:12px;min-width:200px;min-height:200px;object-fit:cover}
.page-login__cta-title{font-weight:700;line-height:1.3;margin-bottom:10px}
.page-login__cta-text{margin-bottom:18px;color:#333333}
.page-login__cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media (max-width:768px){
  .page-login__banner-thumbs{grid-template-columns:repeat(2,1fr)}
  .page-login__posts-track{grid-template-columns:1fr}
  .page-login__list-grid{grid-template-columns:1fr}
  .page-login__hero-actions,.page-login__cta-actions{flex-direction:column;align-items:stretch;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
  .page-login__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%}
  .page-login img{max-width:100%!important;height:auto!important}
  .page-login__hero-title{font-size:1.4rem}
}