:root{--page-register-color-primary:#017439;--page-register-color-register:#C30808;--page-register-color-login:#C30808;--page-register-bg-color:#FFFFFF;--page-register-text-color:#333333}
.page-register{max-width:100%;overflow-x:hidden;color:var(--page-register-text-color);background-color:var(--page-register-bg-color)}
.page-register__hero-section{padding-top:20px;padding-bottom:24px;background:linear-gradient(180deg,#EAF7EF 0%,#FFFFFF 100%)}
.page-register__hero-image-block{display:flex;justify-content:center}
.page-register__hero-image{width:100%;max-width:1020px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}
.page-register__hero-content{text-align:center;max-width:720px;margin:16px auto 0;padding:0 16px}
.page-register__hero-title{font-weight:800;line-height:1.25;letter-spacing:-0.02em;max-width:680px;margin:0 auto 12px;color:var(--page-register-color-primary)}
.page-register__hero-description{margin:0 0 20px;color:#333333;line-height:1.6}
.page-register__hero-cta{display:inline-block;width:auto;max-width:100%;padding:14px 28px;margin:0 8px 10px 0;border:none;border-radius:999px;-webkit-border-radius:999px;-moz-border-radius:999px;-ms-border-radius:999px;-o-border-radius:999px;font-weight:700;text-align:center;text-decoration:none;white-space:normal;word-wrap:break-word;box-sizing:border-box;transition:transform 0.2s ease,box-shadow 0.2s ease}
.page-register__hero-cta--register{background-color:var(--page-register-color-register);color:#FFFF00}
.page-register__hero-cta--login{background-color:var(--page-register-color-login);color:#FFFF00}
.page-register__hero-cta:hover{transform:scale(1.03);box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.page-register__logo-grid-section{background-color:#FFFFFF;padding:30px 16px}
.page-register__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1140px;width:100%;margin:0 auto}
.page-register__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:260px;width:100%}
.page-register__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;max-width:260px}
.page-register__logo-cta{padding:10px 22px;border-radius:999px;-webkit-border-radius:999px;-moz-border-radius:999px;-ms-border-radius:999px;-o-border-radius:999px;background-color:var(--page-register-color-primary);color:#FFFFFF;font-weight:700;text-decoration:none;text-align:center;max-width:100%;white-space:normal;word-wrap:break-word;box-sizing:border-box;transition:background-color 0.2s ease,transform 0.2s ease}
.page-register__logo-cta:hover{background-color:#00552a;transform:translateY(-2px)}
.page-register__logo-item:nth-child(5){grid-column:2}
.page-register__logo-item:nth-child(6){grid-column:3}
.page-register__guide-section{padding-top:10px;padding-bottom:32px;background-color:#FFFFFF}
.page-register__guide-inner{max-width:1000px;width:100%;margin:0 auto;padding:16px 16px 40px;box-sizing:border-box}
.page-register__guide-title{text-align:center;color:var(--page-register-color-primary);font-weight:700;margin-bottom:8px}
.page-register__guide-intro{text-align:center;color:#333333;max-width:680px;margin:0 auto 24px;line-height:1.6}
.page-register__step-list{display:flex;flex-direction:column;gap:16px}
.page-register__step-item{background-color:#f1f8f4;border-left:4px solid var(--page-register-color-primary);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;box-sizing:border-box;transition:background-color 0.2s ease}
.page-register__step-summary{cursor:pointer;list-style:none;font-weight:700;font-size:1.1rem;padding:16px 48px 16px 20px;position:relative;color:#222222;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.page-register__step-summary::-webkit-details-marker{display:none}
.page-register__step-toggle{background-color:var(--page-register-color-primary);color:#FFFFFF;min-width:24px;height:24px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;padding:0;flex-shrink:0}
.page-register__step-content{padding:0 20px 20px;border-top:1px solid #e0e0e0}
.page-register__step-content p{line-height:1.7;color:#333333}
.page-register__promo-section{padding:24px 16px;background-color:#f9f9f9}
.page-register__promo-inner{max-width:1140px;width:100%;margin:0 auto;box-sizing:border-box}
.page-register__promo-title,.page-register__promo-text{text-align:center}
.page-register__promo-title{color:var(--page-register-color-primary);margin-bottom:12px}
.page-register__promo-text{color:#333333;max-width:720px;margin:0 auto 24px;line-height:1.6}
.page-register__promo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto}
.page-register__promo-item{background-color:#FFFFFF;border:1px solid #e5e5e5;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;padding:24px;text-align:center;box-sizing:border-box;transition:box-shadow 0.2s ease}
.page-register__promo-item:hover{box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.page-register__promo-item-title{color:var(--page-register-color-primary);margin:0 0 10px}
.page-register__promo-item-text{color:#333333;line-height:1.6;margin:0}
.page-register__why-section{background-color:#FFFFFF}
.page-register__why-inner{max-width:1140px;width:100%;margin:0 auto;padding:24px 16px;box-sizing:border-box}
.page-register__why-title,.page-register__why-text{text-align:center}
.page-register__why-title{color:var(--page-register-color-primary);margin-bottom:12px}
.page-register__why-text{color:#333333;max-width:760px;margin:0 auto 24px;line-height:1.6}
.page-register__why-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto}
.page-register__why-item{background-color:#FFFFFF;border:1px solid #e5e5e5;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;overflow:hidden;transition:box-shadow 0.2s ease;box-sizing:border-box}
.page-register__why-item:hover{box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.page-register__why-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.page-register__why-item-title{color:var(--page-register-color-primary);margin:16px 16px 8px}
.page-register__why-item-text{color:#333333;line-height:1.6;margin:0 16px 16px}
.page-register__faq-section{padding:0 16px 32px;background-color:#FFFFFF}
.page-register__faq-inner{max-width:900px;width:100%;margin:0 auto;box-sizing:border-box}
.page-register__faq-title{text-align:center;color:var(--page-register-color-primary);padding-top:20px}
.page-register__faq-item{background-color:#f8f8f8;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;margin-bottom:12px;box-sizing:border-box;transition:background-color 0.2s ease}
.page-register__faq-question{cursor:pointer;list-style:none;font-weight:600;padding:14px 18px;position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;color:#222222}
.page-register__faq-question::-webkit-details-marker{display:none}
.page-register__faq-toggle{background-color:var(--page-register-color-primary);color:#FFFFFF;min-width:24px;height:24px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;padding:0;flex-shrink:0}
.page-register__faq-answer{padding:0 18px 14px;border-top:1px solid #eee}
.page-register__faq-answer p{color:#333333;line-height:1.7;margin:0;padding-top:8px}
@media (min-width:768px) and (max-width:1023px){
.page-register__logo-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.page-register__promo-list,.page-register__why-list{grid-template-columns:repeat(2,1fr)}
.page-register__promo-item:last-child{grid-column:span 2;max-width:400px;margin:0 auto}
}
@media (max-width:768px){
.page-register__hero-section{padding-top:8px;padding-bottom:16px}
.page-register__hero-image{width:100%;max-width:100%;aspect-ratio:2/1;height:auto}
.page-register__hero-title{line-height:1.35;max-width:100%;margin-bottom:8px}
.page-register__hero-description{margin-bottom:16px}
.page-register__hero-cta{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:14px 20px;margin:0 0 12px}
.page-register__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}
.page-register__logo-item:nth-child(5),.page-register__logo-item:nth-child(6){grid-column:auto}
.page-register__logo-item{max-width:100%}
.page-register__logo-image{width:100%;height:auto;max-width:100%}
.page-register__logo-cta{display:inline-block;width:auto;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;font-size:0.9rem;padding:8px 16px}
.page-register__step-summary{font-size:1rem;padding:12px 44px 12px 16px;align-items:center;gap:4px}
.page-register__step-toggle,.page-register__faq-toggle{margin-left:auto}
.page-register__promo-list,.page-register__why-list{grid-template-columns:1fr}
.page-register__promo-item:last-child,.page-register__why-item:last-child{grid-column:auto;max-width:100%}
.page-register__promo-item,.page-register__why-item{padding:20px}
.page-register__why-item-title{margin:14px 14px 6px}
.page-register__why-item-text{margin:0 14px 14px}
.page-register .page-register__logo-image,.page-register .page-register__step-content img,.page-register .page-register__why-image,.page-register .page-register__promo-item img,.page-register img{max-width:100% !important;height:auto !important}
.page-register__guide-inner{padding:8px 12px 24px}
.page-register img{max-width:100%;height:auto}
}
@media (max-width:480px){
.page-register__logo-grid{gap:12px}
.page-register__hero-cta{font-size:1rem;padding:14px 16px}
.page-register__hero-image{aspect-ratio:2/1;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
}
.page-register img{max-width:100%;height:auto}