.page-register{width:100%;max-width:100%;box-sizing:border-box}
.page-register__hero-banner{background:#F4F7FB;padding:10px 16px 16px}
.page-register__hero-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto}
.page-register__hero-image-block{width:100%;max-width:1200px;margin-bottom:16px}
.page-register__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 30px rgba(165,196,255,0.4)}
.page-register__hero-content{width:100%;max-width:900px;text-align:center;color:#1F2D3D}
.page-register__hero-title{font-weight:800;line-height:1.25;letter-spacing:0.5px;max-width:820px;margin:0 auto 12px;color:#1F2D3D}
.page-register__hero-desc{font-size:16px;line-height:1.6;color:#333333;max-width:760px;margin:0 auto 20px}
.page-register__hero-benefits{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.page-register__hero-benefits li{background:#fff;border:1px solid #D6E2FF;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:600;color:#333333}
.page-register__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease;border:none;cursor:pointer;line-height:1.4}
.page-register__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;box-shadow:0 4px 15px rgba(47,107,255,0.35)}
.page-register__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(47,107,255,0.45)}
.page-register__btn--secondary{background:#ffffff;color:#2F6BFF;border:2px solid #2F6BFF;box-shadow:0 2px 8px rgba(47,107,255,0.15)}
.page-register__btn--secondary:hover{background:#F0F5FF;transform:translateY(-2px)}
.page-register__hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}
.page-register__logo-section{padding:32px 16px}
.page-register__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;max-width:1200px;margin:0 auto;justify-items:center}
.page-register__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;background:#fff;border-radius:16px;padding:20px 12px;border:1px solid #D6E2FF;transition:box-shadow 0.3s ease;box-sizing:border-box}
.page-register__logo-item:hover{box-shadow:0 10px 30px rgba(165,196,255,0.5)}
.page-register__logo-image{width:100%;max-width:280px;aspect-ratio:2/1;object-fit:contain;display:block}
.page-register__logo-cta{padding:10px 24px;border-radius:999px;background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#fff;font-weight:700;font-size:15px;text-decoration:none;display:inline-block;transition:transform 0.2s,box-shadow 0.2s}
.page-register__logo-cta:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(47,107,255,0.4)}
.page-register__logo-item:nth-child(5){grid-column:2}
.page-register__logo-item:nth-child(6){grid-column:3}
.page-register__guide-section{background:#FFFFFF;padding:32px 16px 56px}
.page-register__guide-inner{max-width:1000px;margin:0 auto}
.page-register__guide-title{text-align:center;color:#1F2D3D;font-weight:800;line-height:1.3;letter-spacing:0.3px}
.page-register__guide-intro{text-align:center;font-size:16px;line-height:1.7;color:#333333;max-width:780px;margin:0 auto 32px}
.page-register__guide-item{background:#F8FAFD;border:1px solid #D6E2FF;border-radius:16px;margin-bottom:12px;overflow:hidden}
.page-register__guide-summary{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font-weight:700;color:#1F2D3D;background:#F0F5FF;list-style:none}
.page-register__guide-summary::-webkit-details-marker{display:none}
.page-register__guide-summary::after{content:'+';font-size:22px;color:#2F6BFF;margin-left:auto;font-weight:800}
.page-register__guide-item[open] .page-register__guide-summary::after{content:'−'}
.page-register__guide-step{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#fff;padding:4px 12px;border-radius:999px;font-size:14px;white-space:nowrap}
.page-register__guide-detail{padding:16px 20px;line-height:1.7;color:#2A3A4C}
.page-register__guide-detail p{margin:0}
.page-register__guide-cta{background:#F0F5FF;border:1px solid #D6E2FF;border-radius:16px;padding:24px 20px;text-align:center;margin-top:24px}
.page-register__guide-cta p{margin:12px 0 0;color:#333333;font-size:14px;line-height:1.6}
.page-register__guide-figure{margin:28px auto 0;text-align:center}
.page-register__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block;margin:0 auto}
.page-register__guide-figure figcaption{font-size:14px;color:#555555;margin-top:8px;font-style:italic}
@media (max-width:1024px){
.page-register__logo-grid{grid-template-columns:repeat(3,1fr)}
.page-register__logo-item:nth-child(5){grid-column:auto}
.page-register__logo-item:nth-child(6){grid-column:auto}
}
@media (max-width:768px){
.page-register__hero-banner{padding:10px 10px 20px}
.page-register__hero-image{aspect-ratio:2/1;width:100%;max-width:100%}
.page-register__hero-title{font-size:clamp(1.8rem,5vw,2.2rem)}
.page-register__hero-desc{font-size:15px}
.page-register__hero-benefits{flex-direction:column;align-items:center;gap:8px}
.page-register__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:auto}
.page-register__hero-actions{flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-register__hero-actions .page-register__btn{width:100%;max-width:100%}
.page-register__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}
.page-register__logo-item:nth-child(5){grid-column:auto}
.page-register__logo-item:nth-child(6){grid-column:auto}
.page-register__logo-item{max-width:100%;padding:16px 8px}
.page-register__logo-image{max-width:100%}
.page-register img{max-width:100% !important;height:auto !important}
.page-register__guide-inner{padding:0 4px}
.page-register__guide-summary{flex-wrap:wrap}
.page-register__guide-step{font-size:13px}
.page-register__guide-figure img{max-width:100%}
.page-register__guide-cta .page-register__btn{width:100%;max-width:100%}
.page-register{overflow-x:hidden;max-width:100%}
}