.page-login{background:#FFFFFF;color:#000000;font-family:'Segoe UI',Arial,sans-serif;line-height:1.6}.page-login__container,.page-login__hero-container,.page-login__form-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-login__hero-section{padding-top:10px;padding-bottom:40px;background:linear-gradient(180deg,#FFFFFF 0%,#EAF6FC 100%)}.page-login__hero-container{display:flex;flex-direction:column;gap:24px}.page-login__hero-image{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(38,169,224,0.18)}.page-login__hero-image img{display:block;width:100%;height:auto;border-radius:16px}.page-login__hero-content{display:flex;flex-direction:column;gap:14px;padding:4px 4px 0}.page-login__main-title{color:#000000;font-weight:800;line-height:1.25;letter-spacing:0.3px;margin:0;max-width:900px}.page-login__hero-desc{color:#333333;font-size:1.05rem;margin:0;max-width:860px}.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}.page-login__btn{display:inline-block;padding:14px 28px;border-radius:10px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;cursor:pointer;transition:all .25s ease;border:2px solid transparent}.page-login__btn--primary{background:#EA7C07;color:#FFFFFF;border-color:#EA7C07}.page-login__btn--primary:hover{background:#c96805;border-color:#c96805}.page-login__btn--secondary{background:#26A9E0;color:#FFFFFF;border-color:#26A9E0}.page-login__btn--secondary:hover{background:#1c8cbb;border-color:#1c8cbb}.page-login__btn--outline{background:transparent;color:#26A9E0;border-color:#26A9E0}.page-login__btn--outline:hover{background:#26A9E0;color:#FFFFFF}.page-login__btn--full{width:100%;margin-top:8px}.page-login__form-section{padding:40px 0}.page-login__form-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.page-login__form-card{background:#FFFFFF;border-radius:18px;padding:32px;box-shadow:0 10px 30px rgba(38,169,224,0.15);border:1px solid #EAF6FC}.page-login__section-title{color:#000000;font-size:1.6rem;font-weight:800;margin:0 0 14px}.page-login__form-note{color:#555555;font-size:0.98rem;margin:0 0 22px}.page-login__form{display:flex;flex-direction:column;gap:18px}.page-login__field{display:flex;flex-direction:column;gap:8px}.page-login__label{color:#000000;font-weight:600;font-size:0.95rem}.page-login__input{padding:13px 16px;border:2px solid #D7E9F4;border-radius:10px;font-size:1rem;color:#000000;background:#FFFFFF;outline:none;transition:border-color .2s}.page-login__input:focus{border-color:#26A9E0}.page-login__input::placeholder{color:#8a9aa5}.page-login__error{color:#d32f2f;font-size:0.85rem;min-height:1em}.page-login__options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.page-login__checkbox-label{display:flex;align-items:center;gap:8px;color:#333333;font-size:0.92rem}.page-login__checkbox{width:18px;height:18px;accent-color:#26A9E0}.page-login__link{color:#26A9E0;font-weight:600;text-decoration:underline}.page-login__link:hover{color:#EA7C07}.page-login__register-hint{color:#333333;font-size:0.92rem;margin:4px 0 0;text-align:center}.page-login__form-image img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 10px 30px rgba(38,169,224,0.15)}.page-login__steps-section{padding:40px 0;background:#F7FBFE}.page-login__section-desc{color:#444444;font-size:1.02rem;max-width:900px;margin:0 auto 28px;text-align:center}.page-login__steps-section .page-login__section-title,.page-login__benefits-section .page-login__section-title,.page-login__games-section .page-login__section-title,.page-login__faq-section .page-login__section-title,.page-login__security-section .page-login__section-title{text-align:center;margin-bottom:14px}.page-login__steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-login__step-card{background:#FFFFFF;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(38,169,224,0.12);border:1px solid #EAF6FC;display:flex;flex-direction:column;gap:12px}.page-login__step-image img{display:block;width:100%;height:auto;border-radius:12px}.page-login__step-title{color:#000000;font-size:1.12rem;font-weight:700;margin:0}.page-login__step-text{color:#444444;font-size:0.96rem;margin:0}.page-login__benefits-section{padding:40px 0}.page-login__benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-login__benefit-card{background:#FFFFFF;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(38,169,224,0.12);border:1px solid #EAF6FC;display:flex;flex-direction:column;gap:12px}.page-login__benefit-image img{display:block;width:100%;height:auto;border-radius:12px}.page-login__benefit-title{color:#26A9E0;font-size:1.12rem;font-weight:700;margin:0}.page-login__benefit-text{color:#444444;font-size:0.96rem;margin:0}.page-login__games-section{padding:40px 0;background:#F7FBFE}.page-login__games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-login__game-card{display:flex;flex-direction:column;gap:12px;background:#FFFFFF;border-radius:16px;padding:20px;text-decoration:none;box-shadow:0 8px 24px rgba(38,169,224,0.12);border:1px solid #EAF6FC;transition:transform .25s ease,box-shadow .25s ease}.page-login__game-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(38,169,224,0.22)}.page-login__game-image img{display:block;width:100%;height:auto;border-radius:12px}.page-login__game-title{color:#000000;font-size:1.08rem;font-weight:700;margin:0}.page-login__game-text{color:#444444;font-size:0.94rem;margin:0}.page-login__faq-section{padding:40px 0}.page-login__faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.page-login__faq-item{background:#FFFFFF;border:1px solid #EAF6FC;border-radius:12px;padding:18px 20px;box-shadow:0 6px 18px rgba(38,169,224,0.10)}.page-login__faq-question{color:#000000;font-weight:700;font-size:1.02rem;cursor:pointer;outline:none}.page-login__faq-answer{color:#444444;font-size:0.96rem;margin:12px 0 0}.page-login__security-section{padding:40px 0;background:#F7FBFE}.page-login__security-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.page-login__security-image img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 10px 30px rgba(38,169,224,0.15)}.page-login__security-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.page-login__security-item{position:relative;padding-left:28px;color:#333333;font-size:1rem}.page-login__security-item::before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:#26A9E0}.page-login__cta-section{padding:48px 0;background:linear-gradient(135deg,#26A9E0 0%,#1c8cbb 100%)}.page-login__cta-title{color:#FFFFFF;font-size:1.7rem;font-weight:800;text-align:center;margin:0 0 14px}.page-login__cta-desc{color:#FFFFFF;font-size:1.02rem;text-align:center;max-width:820px;margin:0 auto 26px}.page-login__cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.page-login__cta-section .page-login__btn--secondary{background:#FFFFFF;color:#EA7C07;border-color:#FFFFFF}.page-login__cta-section .page-login__btn--secondary:hover{background:#FFF3E6;border-color:#FFF3E6}.page-login__cta-section .page-login__btn--outline{color:#FFFFFF;border-color:#FFFFFF}.page-login__cta-section .page-login__btn--outline:hover{background:#FFFFFF;color:#26A9E0}
@media (max-width:1024px){.page-login__form-container{grid-template-columns:1fr}.page-login__steps-grid,.page-login__benefits-grid,.page-login__games-grid{grid-template-columns:repeat(2,1fr)}.page-login__security-grid{grid-template-columns:1fr}}
@media (max-width:768px){.page-login{max-width:100%;overflow-x:hidden}.page-login img{max-width:100% !important;height:auto !important}.page-login__hero-section{padding-top:10px;padding-bottom:26px}.page-login__hero-container{gap:16px}.page-login__main-title{font-size:clamp(1.25rem,5vw,1.6rem)}.page-login__hero-desc{font-size:0.98rem}.page-login__hero-actions{flex-direction:column;align-items:stretch}.page-login__hero-actions .page-login__btn{width:100%}.page-login__form-card{padding:22px}.page-login__section-title{font-size:1.3rem}.page-login__steps-grid,.page-login__benefits-grid,.page-login__games-grid,.page-login__security-grid{grid-template-columns:1fr;gap:18px}.page-login__options{flex-direction:column;align-items:flex-start}.page-login__cta-actions{flex-direction:column;align-items:stretch}.page-login__cta-actions .page-login__btn{width:100%}.page-login__cta-title{font-size:1.35rem}}