.page-register__hero-section{display:flex;flex-direction:column;padding-top:10px}
.page-register__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}
.page-register__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px;display:block}
.page-register__hero-content{padding:24px;max-width:1200px;margin:0 auto;text-align:center}
.page-register__hero-title{font-size:clamp(1.2rem, 2.5vw, 1.8rem);font-weight:800;line-height:1.4;max-width:900px;margin:0 auto 12px;color:#333333}
.page-register__hero-description{color:#333333;line-height:1.6;max-width:1000px;margin:0 auto 20px}
.page-register__hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.page-register__btn{display:inline-block;border-radius:999px;font-size:1rem;font-weight:700;padding:12px 28px;text-decoration:none;cursor:pointer}
.page-register__btn--primary{background-color:#EA7C07;color:#ffffff;border:2px solid #EA7C07}
.page-register__btn--secondary{background-color:transparent;color:#0477db;border:2px solid #0477db}
.page-register__btn--large{background-color:#EA7C07;color:#ffffff;font-size:1.1rem;padding:14px 36px;border:2px solid #EA7C07}
.page-register__btn--prominent{background-color:#EA7C07;color:#ffffff;font-size:1.1rem;padding:14px 36px;border:2px solid #EA7C07}
.page-register__section-title{text-align:center;font-size:1.6rem;margin:0 0 24px;color:#0477db}
.page-register__logo-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-register__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center}
.page-register__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;background:#f5f5f5;border-radius:8px;padding:16px;justify-content:space-between}
.page-register__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#ffffff;border-radius:4px}
.page-register__logo-cta{background-color:#26A9E0;color:#ffffff;font-weight:700;font-size:1rem;padding:8px 20px;border-radius:999px;text-decoration:none;border:2px solid #26A9E0}
.page-register__logo-item:nth-child(5){grid-column:2}
.page-register__logo-item:nth-child(6){grid-column:3}
.page-register__logo-item a.page-register__logo-cta:hover{background:transparent;color:#0477db}
.page-register__guide-section{background-color:#f0f8ff;padding:40px 0}
.page-register__guide-inner{max-width:1000px;margin:0 auto;padding:0 16px}
.page-register__guide-title{text-align:center;color:#0477db;font-size:1.8rem;margin:0 0 12px}
.page-register__guide-intro{text-align:center;color:#333333;line-height:1.6;margin:0 auto 32px;max-width:800px}
.page-register__guide-grid{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px;align-items:center}
.page-register__guide-figure{margin:0;flex:1 1 320px;display:flex;flex-direction:column;gap:8px}
.page-register__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px}
.page-register__guide-figure figcaption{font-weight:600;color:#333333;font-style:italic}
.page-register__guide-text{flex:1 1 300px;line-height:1.7;color:#333}
.page-register__guide-text strong{color:#EA7C07}
.page-register__guide-cta{text-align:center;background:#26A9E0;color:#ffffff;padding:32px 24px;border-radius:12px;margin-top:16px}
.page-register__guide-cta h3{color:#ffffff;margin:0 0 20px;font-size:1.4rem}
.page-register__benefits-section{max-width:1200px;margin:0 auto;padding:40px 16px}
.page-register__benefits-title{text-align:center;color:#0477db;font-size:1.8rem;margin:0 0 32px}
.page-register__benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-register__benefit-card{background:#f5f5f5;border-radius:12px;padding:24px;border-top:4px solid #EA7C07}
.page-register__benefit-card h3{color:#0477db;margin-bottom:12px}
.page-register__benefit-card p{line-height:1.6}
.page-register__registration-widget{background:linear-gradient(135deg,#26A9E0 0%,#EA7C07 100%);padding:40px 16px}
.page-register__widget-inner{max-width:1000px;margin:0 auto;text-align:center}
.page-register__widget-inner h2{color:#ffffff;text-align:center;font-size:1.8rem;margin:0 0 16px}
.page-register__widget-inner p{color:#ffffff;text-align:center;font-size:1.1rem;line-height:1.6;margin:0 0 24px}
.page-register__faq-section{padding:40px 16px;max-width:800px;margin:0 auto}
.page-register__faq-inner h2{text-align:center;margin-bottom:24px;color:#0477db}
.page-register__faq-item{background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:16px 20px;line-height:1.6}
.page-register__faq-item summary{cursor:pointer;font-weight:700;color:#333333;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}
.page-register__faq-item summary::-webkit-details-marker{display:none}
.page-register__faq-toggle{font-weight:900;font-size:1.2rem}
.page-register__faq-item[open] .page-register__faq-toggle{transform:rotate(45deg)}
@media (max-width:768px){
.page-register__hero-image{aspect-ratio:8/3}
.page-register__hero-section{padding-top:8px}
.page-register__logo-grid{grid-template-columns:repeat(2,1fr)}
.page-register__logo-item{max-width:100%;align-items:center}
.page-register__logo-item:nth-child(5),.page-register__logo-item:nth-child(6){grid-column:auto}
.page-register img{max-width:100%!important;height:auto!important}
.page-register__btn{max-width:100%;box-sizing:border-box;white-space:normal}
.page-register__benefits-grid{grid-template-columns:1fr}
.page-register__guide-cta h3{font-size:1.2rem}
}