.page-login{color:#F3F8FF;background-color:transparent;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.page-login *,.page-login *::before,.page-login *::after{box-sizing:border-box}
.page-login h1,.page-login h2,.page-login h3{color:#F3F8FF;line-height:1.3;font-weight:700;margin:0 0 14px}
.page-login p{margin:0 0 14px;line-height:1.7}
.page-login__text{color:#AFC4E8;font-size:1rem;line-height:1.75}
.page-login__subtitle{font-size:1.2rem;color:#4FA8FF;margin-top:22px;margin-bottom:10px}
.page-login__section-title{font-size:1.6rem;color:#F3F8FF;margin-bottom:14px;position:relative;padding-bottom:10px}
.page-login__section-title::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:#4FA8FF;border-radius:2px}
.page-login__section-desc{color:#AFC4E8;margin-bottom:18px}
.page-login__hero-section{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:10px 16px 0}
.page-login__hero-image-wrap{width:100%;overflow:hidden;border-radius:16px;border:1px solid #244D84;background:#10233F}
.page-login__hero-image{display:block;width:100%;height:auto;max-width:100%;border-radius:16px}
.page-login__hero-content{padding:22px 0 8px;width:100%;max-width:1100px}
.page-login__hero-title{color:#F3F8FF;font-weight:800;line-height:1.28;letter-spacing:0.2px;max-width:900px;margin:0 0 14px}
.page-login__hero-subtitle{color:#AFC4E8;font-size:1.05rem;line-height:1.7;max-width:820px}
.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.page-login__btn{display:inline-block;padding:13px 24px;border-radius:10px;font-weight:700;text-decoration:none;text-align:center;font-size:1rem;transition:transform .18s ease, box-shadow .18s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-login__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#F3F8FF;border:1px solid #4FA8FF;box-shadow:0 6px 18px rgba(79,168,255,.25)}
.page-login__btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(79,168,255,.4)}
.page-login__btn--ghost{background:transparent;color:#F3F8FF;border:1px solid #244D84}
.page-login__btn--ghost:hover{border-color:#4FA8FF;color:#4FA8FF}
.page-login__btn--full{width:100%;display:block}
.page-login__form-section{width:100%;max-width:1100px;margin:0 auto;padding:28px 16px}
.page-login__form-container{background:#10233F;border:1px solid #244D84;border-radius:16px;padding:28px 24px;max-width:560px;margin:0 auto;box-shadow:0 10px 30px rgba(8,22,43,.5)}
.page-login__form-group{margin-bottom:18px}
.page-login__form-label{display:block;color:#F3F8FF;font-weight:600;margin-bottom:8px;font-size:.98rem}
.page-login__form-input{width:100%;padding:13px 16px;border-radius:10px;border:1px solid #244D84;background:#08162B;color:#F3F8FF;font-size:1rem;outline:none;transition:border-color .18s ease, box-shadow .18s ease}
.page-login__form-input::placeholder{color:#7A93BA}
.page-login__form-input:focus{border-color:#4FA8FF;box-shadow:0 0 0 3px rgba(79,168,255,.2)}
.page-login__form-options{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.page-login__checkbox-label{display:inline-flex;align-items:center;gap:8px;color:#AFC4E8;font-size:.95rem;cursor:pointer}
.page-login__checkbox{width:16px;height:16px;accent-color:#1D5FD1}
.page-login__link-text{color:#4FA8FF;text-decoration:none;font-weight:600}
.page-login__link-text:hover{text-decoration:underline;color:#F2C14E}
.page-login__form-actions{margin-bottom:14px}
.page-login__form-note{color:#AFC4E8;font-size:.95rem;text-align:center;border-top:1px solid #1B3357;padding-top:14px;margin-top:6px}
.page-login__form-note p{margin:0}
.page-login__cta-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:20px 16px}
.page-login__cta-card{background:#10233F;border:1px solid #244D84;border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;gap:10px}
.page-login__cta-title{color:#F3F8FF;font-size:1.15rem;margin:0}
.page-login__cta-text{color:#AFC4E8;font-size:.95rem;line-height:1.65;margin:0;flex-grow:1}
.page-login__intro-section,.page-login__overview-section,.page-login__advantages-section,.page-login__games-section,.page-login__guide-section,.page-login__promo-section,.page-login__app-section,.page-login__faq-section,.page-login__blog-section{width:100%;max-width:1100px;margin:0 auto;padding:30px 16px}
.page-login__list{color:#AFC4E8;line-height:1.8;padding-left:22px;margin:0 0 16px}
.page-login__list li{margin-bottom:8px}
.page-login__list--ordered{list-style:decimal}
.page-login__overview-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #244D84}
.page-login__overview-table{width:100%;border-collapse:collapse;min-width:520px}
.page-login__overview-table th{background:#113B7A;color:#F3F8FF;padding:12px 14px;text-align:left;font-weight:700;border-bottom:1px solid #244D84}
.page-login__overview-table td{background:#10233F;color:#AFC4E8;padding:12px 14px;border-bottom:1px solid #1B3357;line-height:1.6}
.page-login__advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.page-login__advantage-card{background:#10233F;border:1px solid #244D84;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.page-login__advantage-image{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}
.page-login__advantage-title{color:#F3F8FF;font-size:1.12rem;margin:16px 18px 8px}
.page-login__advantage-text{color:#AFC4E8;font-size:.95rem;line-height:1.65;margin:0 18px 18px;flex-grow:1}
.page-login__games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.page-login__game-card{background:#10233F;border:1px solid #244D84;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.page-login__game-image{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.page-login__game-title{font-size:1.08rem;margin:14px 16px 6px}
.page-login__game-link{color:#4FA8FF;text-decoration:none}
.page-login__game-link:hover{color:#F2C14E;text-decoration:underline}
.page-login__game-text{color:#AFC4E8;font-size:.92rem;line-height:1.6;margin:0 16px 16px;flex-grow:1}
.page-login__promo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.page-login__app-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.page-login__app-image-wrap{border-radius:14px;overflow:hidden;border:1px solid #244D84;background:#10233F}
.page-login__app-image{width:100%;height:auto;display:block}
.page-login__app-content .page-login__btn{margin-top:8px}
.page-login__faq-list{display:flex;flex-direction:column;gap:12px}
.page-login__faq-item{background:#10233F;border:1px solid #244D84;border-radius:12px;padding:18px 20px}
.page-login__faq-question{color:#F3F8FF;font-size:1.05rem;margin:0 0 8px;cursor:pointer;position:relative;padding-right:24px}
.page-login__faq-answer{color:#AFC4E8;font-size:.95rem;line-height:1.7;margin:0}
.page-login__blog-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:thin}
.page-login__blog-track::-webkit-scrollbar{height:6px}
.page-login__blog-track::-webkit-scrollbar-thumb{background:#244D84;border-radius:3px}
.page-login__blog-card{flex:0 0 calc(33.333% - 11px);min-width:0;background:#10233F;border:1px solid #244D84;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.page-login__blog-image{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.page-login__blog-title{font-size:1rem;margin:14px 16px 8px;line-height:1.45}
.page-login__blog-link{color:#4FA8FF;text-decoration:none}
.page-login__blog-link:hover{color:#F2C14E;text-decoration:underline}
.page-login__blog-text{color:#AFC4E8;font-size:.9rem;line-height:1.6;margin:0 16px 16px;flex-grow:1}
.page-login__blog-nav{margin-top:18px;display:flex;justify-content:center}
@media (max-width:768px){
.page-login__hero-section{padding:10px 12px 0}
.page-login__hero-title{font-size:clamp(1.35rem,5.5vw,1.75rem)}
.page-login__hero-subtitle{font-size:.98rem}
.page-login__hero-actions{flex-direction:column;align-items:stretch}
.page-login__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word}
.page-login__cta-section{grid-template-columns:1fr;padding:16px 12px}
.page-login__advantages-grid{grid-template-columns:1fr}
.page-login__games-grid{grid-template-columns:1fr 1fr}
.page-login__app-grid{grid-template-columns:1fr;gap:16px}
.page-login__blog-card{flex-basis:85%}
.page-login__section-title{font-size:1.3rem}
.page-login__form-container{padding:22px 18px}
.page-login__intro-section,.page-login__overview-section,.page-login__advantages-section,.page-login__games-section,.page-login__guide-section,.page-login__promo-section,.page-login__app-section,.page-login__faq-section,.page-login__blog-section{padding:24px 12px}
.page-login img{max-width:100%!important;height:auto!important}
.page-login__promo-actions{flex-direction:column;align-items:stretch}
}
@media (max-width:420px){
.page-login__games-grid{grid-template-columns:1fr}
.page-login__blog-card{flex-basis:92%}
}