.page-register__hero-section{background:linear-gradient(180deg, #08160F 0%, #11271B 100%);padding:10px 16px 32px;text-align:center}
.page-register__hero-image{display:block;width:100%}
.page-register__hero-image img{width:100%;height:auto;max-width:1020px;margin:0 auto;border-radius:16px;border:1px solid #2E7A4E;box-shadow:0 8px 24px rgba(19,153,74,0.25)}
.page-register__hero-content{padding:28px 16px 8px;max-width:900px;margin:0 auto}
.page-register__main-title{color:#F2FFF6;font-size:clamp(1.8rem, 4vw, 2.6rem);font-weight:800;line-height:1.2;letter-spacing:-0.02em;margin:0 0 14px;text-shadow:0 2px 10px rgba(87,227,141,0.2)}
.page-register__hero-description{color:#A7D9B8;font-size:1.1rem;line-height:1.7;margin:0 auto 24px;max-width:700px}
.page-register__hero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.page-register__btn{display:inline-block;padding:14px 36px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;transition:transform 0.2s, box-shadow 0.2s;border:1px solid transparent;max-width:100%;white-space:normal;word-wrap:break-word;box-sizing:border-box}
.page-register__btn--primary{background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#08160F;box-shadow:0 4px 16px rgba(42,209,111,0.35)}
.page-register__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(87,227,141,0.45)}
.page-register__btn--ghost{border:1px solid #2E7A4E;color:#F2FFF6;background:transparent}
.page-register__btn--ghost:hover{border-color:#57E38D}
.page-register__btn--lg{padding:16px 48px;font-size:1.1rem}
.page-register__benefits-section{padding:64px 16px;background:#08160F}
.page-register__container{max-width:1200px;margin:0 auto}
.page-register__section-title{color:#F2FFF6;font-size:2rem;font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:-0.02em}
.page-register__section-intro{color:#A7D9B8;font-size:1.05rem;line-height:1.7;text-align:center;max-width:720px;margin:0 auto 48px}
.page-register__benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-register__benefit-item{background:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:32px 24px;text-align:center;transition:transform 0.3s, box-shadow 0.3s}
.page-register__benefit-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(87,227,141,0.12)}
.page-register__benefit-icon{font-size:2.6rem;margin-bottom:16px;display:block}
.page-register__benefit-title{color:#F2FFF6;font-size:1.25rem;font-weight:700;margin-bottom:10px}
.page-register__benefit-desc{color:#A7D9B8;font-size:0.95rem;line-height:1.6;margin:0}
.page-register__guide-section{padding:64px 0 72px;background:#08160F;border-top:1px solid #1E3A2A;border-bottom:1px solid #1E3A2A}
.page-register__guide-inner{max-width:900px;margin:0 auto;padding:0 16px}
.page-register__guide-title{color:#F2FFF6;font-size:2rem;font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:-0.02em}
.page-register__guide-inner > .page-register__section-intro{margin-bottom:48px}
.page-register__step-list{display:flex;flex-direction:column;gap:40px;margin-bottom:48px}
.page-register__step-item{display:flex;gap:24px;align-items:flex-start;background:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:28px;transition:border-color 0.3s}
.page-register__step-item:hover{border-color:#57E38D}
.page-register__step-number{background:#0A4B2C;color:#57E38D;width:56px;height:56px;min-width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;border:1px solid #2E7A4E}
.page-register__step-content{flex:1}
.page-register__step-content h3{color:#F2FFF6;font-size:1.3rem;font-weight:700;margin-bottom:8px}
.page-register__step-content p{color:#A7D9B8;font-size:0.98rem;line-height:1.7;margin-bottom:16px}
.page-register__step-image img{width:100%;max-width:600px;height:auto;border-radius:10px;border:1px solid #1E3A2A}
.page-register__guide-cta{text-align:center}
.page-register__faq-section{padding:64px 16px;background:#08160F}
.page-register__faq-list{max-width:760px;margin:0 auto}
.page-register__faq-item{background:#11271B;border:1px solid #2E7A4E;border-radius:12px;margin-bottom:12px;overflow:hidden}
.page-register__faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;cursor:pointer;color:#F2FFF6;font-weight:600;font-size:1.05rem;list-style:none;background:transparent}
.page-register__faq-question::-webkit-details-marker{display:none}
.page-register__faq-toggle{color:#57E38D;font-size:1.5rem;line-height:1;width:24px;text-align:center;font-weight:700}
.page-register__faq-item[open] .page-register__faq-toggle{color:#F2C14E}
.page-register__faq-answer{padding:0 24px 20px;color:#A7D9B8;font-size:0.98rem;line-height:1.7}
.page-register__faq-answer p{margin:0}
@media (max-width: 768px){.page-register__hero-image img{aspect-ratio:16/9;max-width:100%}.page-register__benefits-grid{grid-template-columns:1fr}.page-register__step-item{flex-direction:column;align-items:center;text-align:center;gap:16px}.page-register__step-content h3{font-size:1.15rem}.page-register__step-content p{text-align:left}.page-register__step-image img{max-width:100%!important;height:auto!important}.page-register__btn{max-width:100%}.page-register__hero-cta{flex-direction:column;width:100%;max-width:100%}.page-register__btn{width:100%}.page-register__guide-title{font-size:1.6rem}.page-register__section-title{font-size:1.6rem}.page-register img{max-width:100%;height:auto}}