.page-login{background-color:#F4F7FB;color:#1F2D3D;font-family:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.page-login__hero-section{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;background:#FFFFFF}.page-login__hero-image-container{width:100%}.page-login__hero-image{display:block;width:100%;height:auto;aspect-ratio:1920/560;object-fit:cover}.page-login__hero-content{padding:32px 24px 40px;text-align:center;background:linear-gradient(180deg,#EAF1FF 0%,#FFFFFF 100%)}.page-login__main-title{color:#1F2D3D;font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:800;line-height:1.3;letter-spacing:-0.02em;max-width:700px;margin:0 auto 16px}.page-login__hero-description{color:#4A5A70;max-width:680px;margin:0 auto 28px;font-size:1.05rem;line-height:1.7}.page-login__cta-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.page-login__cta-primary{display:inline-block;padding:14px 32px;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);border-radius:50px;font-weight:600;color:#FFFFFF;text-decoration:none;box-shadow:0 8px 22px rgba(47,107,255,0.25);transition:transform 0.2s ease,box-shadow 0.2s ease}.page-login__cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(47,107,255,0.35)}.page-login__cta-secondary{display:inline-block;padding:14px 32px;border:2px solid #2F6BFF;border-radius:50px;font-weight:600;color:#2F6BFF;text-decoration:none;transition:background 0.2s ease,color 0.2s ease}.page-login__cta-secondary:hover{background:#2F6BFF;color:#FFFFFF}.page-login__benefits-section{padding:64px 24px 200px;max-width:1400px;margin:0 auto;background-color:#F4F7FB}.page-login__benefits-header{text-align:center;margin-bottom:48px}.page-login__benefits-title{font-size:clamp(1.4rem, 3vw, 2.1rem);color:#1F2D3D;font-weight:800;line-height:1.3}.page-login__benefits-subtitle{color:#4A5A70;max-width:600px;margin:12px auto 0;font-size:1.05rem;line-height:1.7}.page-login__benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.page-login__benefit-card{background:#FFFFFF;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1px solid #D6E2FF;transition:transform 0.3s ease,box-shadow 0.3s ease}.page-login__benefit-card:hover{transform:translateY(-6px);box-shadow:0 10px 36px rgba(0,0,0,0.1)}.page-login__benefit-image{display:block;width:100%;height:auto;aspect-ratio:800/600;object-fit:cover;border-bottom:2px solid #EFF3FF}.page-login__benefit-card-title{font-size:1.2rem;font-weight:700;color:#1F2D3D;margin:20px 20px 8px;padding:0;line-height:1.4}.page-login__benefit-card-text{font-size:0.95rem;color:#4A5A70;line-height:1.7;margin:0 20px 24px;padding:0}.page-login__steps-section{padding:56px 24px;background-color:#FFFFFF;border-top:1px solid #D6E2FF;border-bottom:1px solid #D6E2FF}.page-login__steps-header{text-align:center;margin-bottom:56px}.page-login__steps-title{font-size:clamp(1.4rem, 3vw, 2rem);color:#1F2D3D;font-weight:800;line-height:1.3}.page-login__steps-subtitle{color:#4A5A70;font-size:1.05rem;line-height:1.7;max-width:600px;margin:12px auto 0}.page-login__steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.page-login__step-item{text-align:center;padding:0 16px;position:relative}.page-login__step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6FA3FF,#2F6BFF);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 24px;box-shadow:0 8px 20px rgba(47,107,255,0.25)}.page-login__step-title{font-size:1.1rem;font-weight:700;color:#1F2D3D;margin-bottom:12px;line-height:1.4}.page-login__step-text{font-size:0.95rem;color:#4A5A70;line-height:1.7;margin:0 auto;max-width:340px}.page-login__features-section{padding:64px 24px;background-color:#F4F7FB}.page-login__features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.page-login__features-title{font-size:clamp(1.4rem, 3vw, 2rem);color:#1F2D3D;font-weight:800;line-height:1.3;margin-bottom:20px}.page-login__features-description{color:#4A5A70;line-height:1.7;margin-bottom:32px;font-size:1.05rem}.page-login__features-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:500px}.page-login__feature-link{display:block;padding:12px 20px;background:#FFFFFF;border:2px solid #D6E2FF;border-radius:10px;text-decoration:none;color:#2F6BFF;font-weight:600;transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;text-align:center}.page-login__feature-link:hover{background:#2F6BFF;border-color:#2F6BFF;color:#FFFFFF;transform:translateX(4px)}.page-login__faq-section{padding:64px 24px;background-color:#FFFFFF;border-top:1px solid #D6E2FF}.page-login__faq-container{max-width:800px;margin:0 auto}.page-login__faq-title{font-size:clamp(1.4rem, 3vw, 2rem);color:#1F2D3D;font-weight:800;line-height:1.3;text-align:center;margin-bottom:16px}.page-login__faq-subtitle{color:#4A5A70;line-height:1.7;text-align:center;margin-bottom:48px}.page-login__faq-item{background:#F8FAFE;border:1px solid #D6E2FF;border-radius:12px;margin-bottom:16px;overflow:hidden;padding:0;box-shadow:0 2px 12px rgba(0,0,0,0.03)}.page-login__faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none}.page-login__faq-question::-webkit-details-marker{display:none}.page-login__faq-question{color:#1F2D3D;font-weight:600;font-size:1.05rem;line-height:1.5}.page-login__faq-toggle{font-size:1.5rem;font-weight:300;color:#2F6BFF;line-height:1;transition:transform 0.2s ease;flex-shrink:0}.page-login__faq-item[open] .page-login__faq-toggle{transform:rotate(45deg)}.page-login__faq-answer{padding:0 24px 20px;color:#4A5A70;line-height:1.7;margin:0;font-size:0.95rem}.page-login__register-section{padding:64px 24px;background-color:#F4F7FB}.page-login__register-banner{position:relative;max-width:1200px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.1)}.page-login__register-image{display:block;width:100%;height:auto;aspect-ratio:1920/560;object-fit:cover}.page-login__register-content{position:static;padding:40px 48px;background:linear-gradient(135deg,#1F3FAF 0%,#2F6BFF 80%);color:#FFFFFF;text-align:center}.page-login__register-title{font-size:clamp(1.4rem, 3vw, 2.1rem);color:#FFFFFF;font-weight:800;line-height:1.3;margin-bottom:16px}.page-login__register-text{max-width:560px;margin:0 auto 28px;line-height:1.7;font-size:1.02rem;color:#EBF2FF}.page-login__register-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.page-login__register-button,.page-login__download-button{display:inline-block;padding:14px 32px;font-weight:600;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease}.page-login__register-button{background:#FFD966;color:#1F2D3D;border-radius:50px;box-shadow:0 8px 22px rgba(0,0,0,0.15)}.page-login__register-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,217,102,0.3)}.page-login__download-button{background:transparent;color:#FFFFFF;border:2px solid #FFFFFF;border-radius:50px}.page-login__download-button:hover{background:#FFFFFF;color:#2F6BFF;transform:translateY(-2px)}@media (max-width:1024px){.page-login__hero-section{padding:0} .page-login__hero-content{padding:28px 20px}.page-login__benefits-section{padding:56px 20px}.page-login__benefits-grid{grid-template-columns:repeat(3,1fr);gap:16px}.page-login__features-container{grid-template-columns:1fr;gap:32px}.page-login__features-links{max-width:100%;grid-template-columns:repeat(2,1fr)}.page-login__steps-section{padding:48px 20px}.page-login__steps-grid{gap:24px}.page-login__step-item{padding:0 8px}.page-login__register-section{padding:48px 20px}.page-login__register-content{padding:32px}} @media (max-width:768px){.page-login{overflow-x:hidden;max-width:100%}.page-login__hero-section{padding:0;border-radius:0}.page-login__hero-image{aspect-ratio:16/9;max-width:100%;height:auto}.page-login__hero-content{padding:32px 16px}.page-login__main-title{font-size:1.2rem;line-height:1.4}.page-login__hero-description{font-size:0.9rem;line-height:1.6;margin-bottom:20px}.page-login__cta-group{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-login__cta-primary,.page-login__cta-secondary{display:block;width:100%;max-width:100%;box-sizing:border-box;text-align:center;padding:14px 20px;font-size:1rem;white-space:normal;word-wrap:break-word}.page-login__benefits-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-login__benefits-section{padding:40px 16px}.page-login__benefit-card-title{margin:16px 16px 8px;font-size:1.1rem}.page-login__benefit-card-text{margin:0 16px 16px;font-size:0.9rem}.page-login__benefit-card-text{white-space:normal}.page-login__benefit-image{aspect-ratio:16/10}.page-login__steps-section{padding:40px 16px}.page-login__steps-grid{grid-template-columns:1fr;gap:32px;max-width:400px;margin:0 auto}.page-login__step-item{padding:0}.page-login__features-section{padding:40px 16px}.page-login__features-links{grid-template-columns:1fr;max-width:100%}.page-login__feature-link{text-align:center}.page-login__faq-title,.page-login__steps-title,.page-login__benefits-title,.page-login__features-title{font-size:1.3rem;line-height:1.4}.page-login__faq-subtitle,.page-login__steps-subtitle{font-size:0.9rem;line-height:1.7}.page-login__faq-question{font-size:0.98rem;line-height:1.5;gap:12px;padding:16px 20px}.page-login__faq-toggle{margin-left:8px}.page-login__faq-answer{font-size:0.92rem;padding:0 20px 16px;line-height:1.6}.page-login__register-section{padding:40px 16px}.page-login__register-banner{border-radius:16px}.page-login__register-image{aspect-ratio:16/9}.page-login__register-content{padding:28px 16px}.page-login__register-title{font-size:1.4rem;line-height:1.4}.page-login__register-text{font-size:0.9rem;line-height:1.7;margin-bottom:24px}.page-login__register-actions{width:100%;max-width:100%;overflow:hidden}.page-login__register-button,.page-login__download-button{display:block;width:100%;max-width:100%;box-sizing:border-box;text-align:center;padding:14px 24px;font-size:1.1rem;white-space:normal;word-wrap:break-word}.page-login__benefits-section{padding-bottom:40px}.page-login img{max-width:100% !important;height:auto !important}.page-login__hero-image-container{width:100%;max-width:100%}.page-login__cta-group,.page-login__register-actions{max-width:100%}.page-login .game-trial-iframe,.page-login iframe{max-width:100%;height:380px}} @media (max-width:480px){.page-login__benefits-grid{grid-template-columns:1fr}.page-login__hero-image{aspect-ratio:4/3}.page-login__cta-primary,.page-login__cta-secondary{font-weight:600}.page-login__register-content{padding:24px 16px}.page-login__features-links{margin-top:8px}.page-login__step-number{width:48px;height:48px;font-size:1rem}}