.page-register{max-width:100%;overflow-x:hidden;font-family:'Segoe UI',Arial,sans-serif;background-color:#08160F;color:#F2FFF6} .page-register__hero-section{padding-top:10px;padding-bottom:20px;background-color:#08160F;display:flex;flex-direction:column;align-items:center} .page-register__hero-image-wrapper{width:100%;max-width:1200px} .page-register__hero-image-wrapper img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 24px rgba(18,169,78,0.3)} .page-register__hero-content{width:100%;max-width:1200px;padding:24px 16px 0;text-align:center} .page-register__hero-title{color:#F2FFF6;line-height:1.3;letter-spacing:0.5px;font-weight:800;max-width:800px;margin:0 auto 12px;font-size:clamp(1.6rem,4vw,2.6rem)} .page-register__hero-description{color:#A7D9B8;max-width:700px;margin:0 auto 24px;line-height:1.7;font-size:1.05rem} .page-register__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;overflow:hidden} .page-register__btn{display:inline-block;padding:12px 32px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease;border:2px solid transparent} .page-register__btn--primary{background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#08160F;box-shadow:0 4px 14px rgba(18,169,78,0.35)} .page-register__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(18,169,78,0.5)} .page-register__btn--outline{background:transparent;color:#F2FFF6;border-color:#2E7A4E} .page-register__btn--outline:hover{background:#0A4B2C;border-color:#57E38D} .page-register__benefits-section{padding:30px 16px;background-color:#08160F} .page-register__benefits-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .page-register__benefit-card{background:#11271B;border:1px solid #2E7A4E;border-radius:14px;padding:26px 20px;text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease} .page-register__benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(87,227,141,0.15)} .page-register__benefit-icon{font-size:2.4rem;margin-bottom:10px;display:block} .page-register__benefit-title{color:#57E38D;font-size:1.2rem;margin:0 0 10px;font-weight:700} .page-register__benefit-desc{color:#A7D9B8;line-height:1.7;margin:0;font-size:0.95rem} .page-register__guide-section{padding:40px 16px;background-color:#11271B;border-top:1px solid #1E3A2A;border-bottom:1px solid #1E3A2A} .page-register__section-title{color:#F2FFF6;text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin:0 0 12px} .page-register__section-subtitle{color:#A7D9B8;text-align:center;max-width:700px;margin:0 auto 30px;line-height:1.7} .page-register__steps-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-register__step-item{background:#08160F;border:1px solid #2E7A4E;border-radius:14px;overflow:hidden;transition:box-shadow 0.2s ease} .page-register__step-item:hover{box-shadow:0 8px 25px rgba(87,227,141,0.15)} .page-register__step-number{position:relative;display:inline-block;background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#08160F;width:36px;height:36px;line-height:36px;text-align:center;font-weight:800;border-radius:8px;margin:14px 0 -14px 14px;z-index:1;font-size:1.1rem} .page-register__step-figure{margin:0;padding:20px 14px 0} .page-register__step-figure img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block} .page-register__step-title{color:#F2FFF6;padding:12px 18px 4px;margin:0;font-size:1.15rem;font-weight:700} .page-register__step-desc{color:#A7D9B8;padding:0 18px 18px;line-height:1.7;margin:0;font-size:0.95rem;flex-grow:1} .page-register__guide-cta{text-align:center;padding:30px 16px 10px;max-width:100%;box-sizing:border-box} .page-register__guide-cta-text{color:#F2FFF6;max-width:600px;margin:0 auto 16px;line-height:1.7;font-size:1.05rem} .page-register__guide-cta .page-register__btn{white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box} .page-register__features-section{padding:40px 16px;background-color:#08160F} .page-register__features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .page-register__feature-card{background:#11271B;border:1px solid #2E7A4E;border-radius:14px;padding:24px 20px} .page-register__feature-title{color:#F2C14E;margin:0 0 10px;font-size:1.1rem;font-weight:700} .page-register__feature-desc{color:#A7D9B8;line-height:1.7;margin:0;font-size:0.95rem} .page-register__faq-section{padding:40px 16px;background-color:#11271B;border-top:1px solid #1E3A2A;border-bottom:1px solid #1E3A2A} .page-register__faq-list{max-width:850px;margin:20px auto 0} .page-register__faq-item{background:#08160F;border:1px solid #2E7A4E;border-radius:10px;margin-bottom:12px;overflow:hidden} .page-register__faq-question{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#F2FFF6;cursor:pointer;font-weight:600;font-size:1rem;transition:background-color 0.2s ease} .page-register__faq-question:hover{background-color:#0A4B2C} .page-register__faq-toggle{color:#57E38D;font-weight:700;font-size:1.3rem;margin-left:10px} .page-register__faq-answer{padding:0 20px 16px;color:#A7D9B8;line-height:1.7;font-size:0.95rem} .page-register__faq-answer p{margin:0} .page-register__trust-section{padding:30px 16px;background-color:#0A4B2C;text-align:center} .page-register__trust-text{color:#F2FFF6;max-width:700px;margin:0 auto;font-size:1.1rem;font-style:italic;line-height:1.7} @media (max-width:1024px){ .page-register__benefits-grid,.page-register__steps-grid,.page-register__features-grid{grid-template-columns:repeat(2,1fr)} .page-register__step-item:last-child{grid-column:1/-1} } @media (max-width:768px){ .page-register__hero-section{padding-top:8px} .page-register__hero-image-wrapper img{aspect-ratio:2/1} .page-register__hero-content{padding:16px 12px 0} .page-register__hero-actions{flex-direction:column;align-items:center} .page-register__btn{width:100%;max-width:100%;text-align:center;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-register__benefits-grid{grid-template-columns:1fr} .page-register__steps-grid{grid-template-columns:1fr} .page-register__step-item:last-child{grid-column:auto} .page-register__feature-card{grid-column:auto} .page-register__features-grid{grid-template-columns:1fr} .page-register__faq-question{font-size:0.95rem;padding:14px 16px} .page-register__faq-answer{padding:0 16px 14px} .page-register img{max-width:100% !important;height:auto !important} .page-register{overflow-x:hidden;max-width:100%} }