.page-register{background:#F4F7FB;color:#1F2D3D;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.page-register *,.page-register *::before,.page-register *::after{box-sizing:border-box}
.page-register__hero-section{padding:10px 16px 0;margin:0;background:#F4F7FB}
.page-register__hero-container{display:flex;flex-direction:column;gap:18px;width:100%;max-width:1200px;margin:0 auto}
.page-register__hero-image{width:100%;overflow:hidden;border-radius:16px;border:1px solid #D6E2FF;background:#FFFFFF;box-shadow:0 6px 24px rgba(47,107,255,0.10)}
.page-register__hero-image img{width:100%;height:auto;display:block;object-fit:cover}
.page-register__hero-content{width:100%;max-width:1200px;padding:4px 0 0}
.page-register__hero-title{font-weight:800;line-height:1.28;letter-spacing:-0.01em;color:#1F2D3D;margin:0 0 12px;max-width:900px}
.page-register__hero-desc{color:#1F2D3D;opacity:0.92;line-height:1.65;margin:0 0 18px;max-width:860px}
.page-register__hero-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;overflow:hidden}
.page-register__btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:12px 22px;font-weight:700;text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;line-height:1.35}
.page-register__btn:hover{transform:translateY(-1px)}
.page-register__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;border:2px solid #2F6BFF;box-shadow:0 6px 18px rgba(47,107,255,0.28)}
.page-register__btn--secondary{background:#FFFFFF;color:#2F6BFF;border:2px solid #2F6BFF}
.page-register__btn--outline{background:#FFFFFF;color:#2F6BFF;border:2px solid #D6E2FF}
.page-register__btn--full{width:100%;max-width:100%}
.page-register__steps-section{padding:44px 16px}
.page-register__section-inner{width:100%;max-width:1200px;margin:0 auto}
.page-register__section-title{color:#1F2D3D;font-weight:800;line-height:1.35;margin:0 0 10px;padding-left:0}
.page-register__section-desc{color:#1F2D3D;opacity:0.9;line-height:1.65;margin:0 0 22px;max-width:900px}
.page-register__steps-list{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-register__step-item{display:flex;gap:14px;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(47,107,255,0.06)}
.page-register__step-number{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;font-weight:800;font-size:18px;line-height:1}
.page-register__step-body{flex:1 1 auto;min-width:0}
.page-register__step-title{color:#1F2D3D;font-size:18px;font-weight:700;margin:0 0 6px;line-height:1.4}
.page-register__step-text{color:#1F2D3D;opacity:0.9;margin:0;line-height:1.6}
.page-register__steps-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;overflow:hidden}
.page-register__benefits-section{padding:44px 16px;background:#FFFFFF}
.page-register__benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.page-register__benefit-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(47,107,255,0.06);overflow:hidden}
.page-register__benefit-card img{width:100%;height:auto;display:block;border-radius:10px;margin:0 0 12px;object-fit:cover}
.page-register__benefit-title{color:#1F2D3D;font-size:18px;font-weight:700;margin:0 0 8px;line-height:1.4}
.page-register__benefit-text{color:#1F2D3D;opacity:0.9;margin:0;line-height:1.6}
.page-register__form-section{padding:44px 16px}
.page-register__form{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:24px;box-shadow:0 6px 24px rgba(47,107,255,0.08);width:100%;max-width:720px}
.page-register__form-group{margin:0 0 16px}
.page-register__form-label{display:block;color:#1F2D3D;font-weight:700;margin:0 0 6px}
.page-register__form-input{width:100%;max-width:100%;padding:12px 14px;border-radius:10px;border:1px solid #D6E2FF;background:#F4F7FB;color:#1F2D3D;font-size:16px;line-height:1.4;outline:none}
.page-register__form-input:focus{border-color:#2F6BFF;box-shadow:0 0 0 3px rgba(47,107,255,0.18)}
.page-register__form-check{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px}
.page-register__form-checkbox{width:20px;height:20px;flex:0 0 20px;margin-top:2px}
.page-register__form-check-label{color:#1F2D3D;line-height:1.55;margin:0}
.page-register__inline-link{color:#2F6BFF;text-decoration:underline;font-weight:700}
.page-register__inline-link:hover{color:#1F2D3D}
.page-register__form-actions{width:100%;max-width:100%;overflow:hidden}
.page-register__form-note{color:#1F2D3D;opacity:0.9;margin:16px 0 0;line-height:1.6}
.page-register__games-section{padding:44px 16px;background:#FFFFFF}
.page-register__games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.page-register__game-card{display:block;text-decoration:none;background:#F4F7FB;border:1px solid #D6E2FF;border-radius:14px;overflow:hidden;transition:transform 0.15s ease,box-shadow 0.15s ease}
.page-register__game-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(47,107,255,0.16)}
.page-register__game-card img{width:100%;height:auto;display:block;object-fit:cover}
.page-register__game-name{display:block;padding:10px 12px;color:#1F2D3D;font-weight:700;text-align:center;background:#FFFFFF}
.page-register__faq-section{padding:44px 16px}
.page-register__faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px}
.page-register__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(47,107,255,0.06)}
.page-register__faq-question{color:#1F2D3D;font-size:17px;font-weight:700;margin:0 0 8px;line-height:1.45}
.page-register__faq-answer{color:#1F2D3D;opacity:0.9;margin:0;line-height:1.6}
.page-register__faq-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:100%;overflow:hidden}
.page-register__cta-section{padding:44px 16px 56px;background:#FFFFFF}
.page-register__cta-inner{width:100%;max-width:900px;margin:0 auto;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);border-radius:18px;padding:34px 24px;text-align:center;box-shadow:0 10px 30px rgba(47,107,255,0.28)}
.page-register__cta-title{color:#FFFFFF;font-weight:800;margin:0 0 10px;line-height:1.35}
.page-register__cta-desc{color:#FFFFFF;opacity:0.95;margin:0 0 20px;line-height:1.65}
.page-register__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden}
.page-register__cta-actions .page-register__btn--primary{background:#FFFFFF;color:#2F6BFF;border:2px solid #FFFFFF}
.page-register__cta-actions .page-register__btn--secondary{background:transparent;color:#FFFFFF;border:2px solid #FFFFFF}
.page-register__cta-actions .page-register__btn--outline{background:transparent;color:#FFFFFF;border:2px solid #A5C4FF}
@media (max-width:1024px){.page-register__games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-register__benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){
.page-register{font-size:16px;line-height:1.6;max-width:100%;overflow-x:hidden}
.page-register img{max-width:100% !important;height:auto !important}
.page-register__hero-section{padding:8px 12px 0;margin-top:0}
.page-register__hero-container{width:100%;max-width:100%;gap:14px}
.page-register__hero-image{width:100%;max-width:100%;border-radius:12px}
.page-register__hero-content{width:100%;max-width:100%}
.page-register__hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:100%;overflow:hidden}
.page-register__hero-actions .page-register__btn{width:100%;max-width:100%}
.page-register__steps-section{padding:32px 12px}
.page-register__steps-list{grid-template-columns:1fr;gap:12px}
.page-register__steps-actions{flex-direction:column;align-items:stretch;width:100%;max-width:100%;overflow:hidden}
.page-register__steps-actions .page-register__btn{width:100%;max-width:100%}
.page-register__benefits-section{padding:32px 12px}
.page-register__benefits-grid{grid-template-columns:1fr;gap:14px}
.page-register__benefit-card{padding:14px}
.page-register__form-section{padding:32px 12px}
.page-register__form{padding:18px}
.page-register__games-section{padding:32px 12px}
.page-register__games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-register__faq-section{padding:32px 12px}
.page-register__faq-list{grid-template-columns:1fr;gap:12px}
.page-register__faq-actions{flex-direction:column;align-items:stretch;width:100%;max-width:100%;overflow:hidden}
.page-register__faq-actions .page-register__btn{width:100%;max-width:100%}
.page-register__cta-section{padding:32px 12px 44px}
.page-register__cta-inner{padding:24px 16px}
.page-register__cta-actions{flex-direction:column;align-items:stretch;width:100%;max-width:100%;overflow:hidden}
.page-register__cta-actions .page-register__btn{width:100%;max-width:100%}
.page-register__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
}