.page-register{background:#08160F;color:#F2FFF6;font-family:'Segoe UI',Roboto,Arial,sans-serif;line-height:1.7;max-width:100%;overflow-x:hidden}
.page-register__hero-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px 16px 32px;box-sizing:border-box}
.page-register__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid #2E7A4E;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.page-register__hero-image{display:block;width:100%;height:auto;object-fit:cover}
.page-register__hero-content{width:100%;max-width:900px;text-align:center;margin-top:24px}
.page-register__hero-title{color:#F2FFF6;font-weight:800;line-height:1.25;letter-spacing:.3px;margin:0 0 14px}
.page-register__hero-desc{color:#A7D9B8;font-size:1.05rem;margin:0 0 22px}
.page-register__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-register__btn{display:inline-block;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;padding:13px 24px;border-radius:12px;font-weight:700;text-decoration:none;text-align:center;transition:transform .2s ease,box-shadow .2s ease;font-size:1rem}
.page-register__btn--primary{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#06230F;box-shadow:0 6px 18px rgba(87,227,141,.25)}
.page-register__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(87,227,141,.4)}
.page-register__btn--ghost{background:#11271B;color:#F2FFF6;border:1px solid #2E7A4E}
.page-register__btn--ghost:hover{background:#0A4B2C;border-color:#57E38D}
.page-register__benefits-section,.page-register__steps-section,.page-register__products-section,.page-register__note-section,.page-register__app-section,.page-register__faq-section,.page-register__cta-section{width:100%;max-width:1200px;margin:0 auto;padding:36px 16px;box-sizing:border-box}
.page-register__section-title{color:#57E38D;font-weight:800;margin:0 0 12px;line-height:1.3}
.page-register__section-lead{color:#A7D9B8;margin:0 0 24px}
.page-register__benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.page-register__benefit-card{background:#11271B;border:1px solid #2E7A4E;border-radius:14px;padding:22px}
.page-register__benefit-title{color:#F2C14E;font-weight:700;margin:0 0 8px}
.page-register__benefit-text{color:#A7D9B8;margin:0}
.page-register__steps-list{display:grid;grid-template-columns:1fr;gap:16px}
.page-register__step{background:#11271B;border:1px solid #1E3A2A;border-left:4px solid #22C768;border-radius:12px;padding:18px 20px}
.page-register__step-index{display:inline-block;background:#0A4B2C;color:#57E38D;font-weight:800;border-radius:8px;padding:2px 12px;margin-bottom:8px}
.page-register__step-title{color:#F2FFF6;font-weight:700;margin:0 0 6px}
.page-register__step-text{color:#A7D9B8;margin:0}
.page-register__product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.page-register__product-card{display:block;background:#11271B;border:1px solid #2E7A4E;border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.page-register__product-card:hover{transform:translateY(-4px);border-color:#57E38D}
.page-register__product-image{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:2/1}
.page-register__product-title{color:#F2C14E;font-weight:700;margin:14px 16px 6px;font-size:1.05rem}
.page-register__product-text{color:#A7D9B8;margin:0 16px 18px;font-size:.95rem}
.page-register__note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.page-register__note-card{background:#0A4B2C;border:1px solid #2E7A4E;border-radius:14px;padding:20px}
.page-register__note-title{color:#F2FFF6;font-weight:700;margin:0 0 8px}
.page-register__note-text{color:#A7D9B8;margin:0}
.page-register__app-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:24px}
.page-register__app-image{display:block;width:100%;height:auto;border-radius:12px;object-fit:cover}
.page-register__app-list{list-style:none;padding:0;margin:0 0 20px}
.page-register__app-item{color:#A7D9B8;padding:8px 0 8px 22px;position:relative;border-bottom:1px solid #1E3A2A}
.page-register__app-item:before{content:'\2713';position:absolute;left:0;color:#57E38D;font-weight:700}
.page-register__app-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-register__faq-list{display:grid;grid-template-columns:1fr;gap:14px}
.page-register__faq-item{background:#11271B;border:1px solid #1E3A2A;border-radius:12px;padding:18px 20px}
.page-register__faq-question{color:#F2C14E;font-weight:700;margin:0 0 8px}
.page-register__faq-answer{color:#A7D9B8;margin:0}
.page-register__cta-section{text-align:center}
.page-register__cta-content{background:linear-gradient(135deg,#0A4B2C 0%,#11271B 100%);border:1px solid #2E7A4E;border-radius:18px;padding:36px 20px}
.page-register__cta-title{color:#F2FFF6;font-weight:800;margin:0 0 12px}
.page-register__cta-text{color:#A7D9B8;margin:0 0 22px}
.page-register__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-register img{max-width:100%;height:auto}
@media (max-width:768px){
.page-register{max-width:100%;overflow-x:hidden}
.page-register__hero-section{padding:10px 12px 24px}
.page-register__hero-content{margin-top:18px}
.page-register__benefits-grid{grid-template-columns:1fr}
.page-register__product-grid{grid-template-columns:1fr}
.page-register__note-grid{grid-template-columns:1fr}
.page-register__app-inner{grid-template-columns:1fr;padding:18px}
.page-register__benefits-section,.page-register__steps-section,.page-register__products-section,.page-register__note-section,.page-register__app-section,.page-register__faq-section,.page-register__cta-section{padding:28px 12px}
.page-register__hero-actions,.page-register__app-actions,.page-register__cta-actions{flex-direction:column;width:100%;overflow:hidden;box-sizing:border-box}
.page-register__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-register img{max-width:100%!important;height:auto!important}
}