.page-register{color:#1F2D3D;background:#F4F7FB;font-family:Arial,Helvetica,sans-serif;line-height:1.7;max-width:100%;overflow-x:hidden;padding-top:10px}
.page-register__hero-section{position:relative;display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:10px 16px 0}
.page-register__hero-image-wrap{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(47,107,255,.18)}
.page-register__hero-image{width:100%;height:auto;display:block;object-fit:cover;border-radius:16px}
.page-register__hero-content{width:100%;text-align:center;padding:0 4px 8px}
.page-register__hero-title{color:#1F2D3D;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.3;font-weight:800;margin:0 0 12px;letter-spacing:.2px}
.page-register__hero-desc{color:#33475b;font-size:1rem;line-height:1.7;margin:0 auto 18px;max-width:820px}
.page-register__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}
.page-register__btn{display:inline-block;text-align:center;padding:13px 26px;border-radius:10px;font-weight:700;font-size:1rem;text-decoration:none;line-height:1.3;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;max-width:100%}
.page-register__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;box-shadow:0 6px 18px rgba(47,107,255,.35);border:1px solid #2F6BFF}
.page-register__btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(47,107,255,.45)}
.page-register__btn--ghost{background:#FFFFFF;color:#2F6BFF;border:1px solid #D6E2FF;box-shadow:0 2px 8px rgba(47,107,255,.10)}
.page-register__btn--ghost:hover{background:#EAF1FF;transform:translateY(-2px)}
.page-register__btn--light{background:#FFFFFF;color:#2F6BFF;border:1px solid #FFFFFF;box-shadow:0 6px 18px rgba(0,0,0,.25);font-weight:800}
.page-register__btn--light:hover{transform:translateY(-2px);background:#EAF1FF}
.page-register__intro-section,.page-register__steps-section,.page-register__conditions-section,.page-register__verify-section,.page-register__products-section,.page-register__tips-section,.page-register__related-section{max-width:1200px;margin:0 auto;padding:32px 16px}
.page-register__section-title{color:#1F2D3D;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.35;font-weight:800;margin:0 0 16px;text-align:center}
.page-register__text{color:#33475b;font-size:1rem;line-height:1.75;margin:0 0 14px}
.page-register__inline-link{color:#2F6BFF;font-weight:600;text-decoration:underline}
.page-register__intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.page-register__intro-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:20px;box-shadow:0 4px 14px rgba(47,107,255,.08)}
.page-register__card-title{color:#1F2D3D;font-size:1.1rem;font-weight:800;margin:0 0 8px;line-height:1.35}
.page-register__card-text{color:#4a5c70;font-size:.95rem;line-height:1.65;margin:0}
.page-register__card-link{color:#2F6BFF;text-decoration:none;font-weight:800}
.page-register__card-link:hover{text-decoration:underline}
.page-register__steps-list{list-style:none;counter-reset:step;margin:16px 0 0;padding:0;display:grid;gap:14px}
.page-register__step-item{position:relative;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:20px 20px 18px 20px;box-shadow:0 4px 14px rgba(47,107,255,.07)}
.page-register__step-title{color:#1F2D3D;font-size:1.08rem;font-weight:800;margin:0 0 8px;line-height:1.35}
.page-register__step-text{color:#4a5c70;font-size:.96rem;line-height:1.7;margin:0}
.page-register__cta-inline{text-align:center;margin-top:22px}
.page-register__conditions-list{margin:14px 0 18px;padding-left:22px}
.page-register__condition-item{color:#33475b;font-size:1rem;line-height:1.75;margin-bottom:10px}
.page-register__verify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.page-register__verify-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;padding:20px;box-shadow:0 4px 14px rgba(47,107,255,.07)}
.page-register__promo-section{max-width:1200px;margin:0 auto;padding:32px 16px}
.page-register__promo-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(47,107,255,.10)}
.page-register__promo-image{width:100%;height:auto;display:block;border-radius:12px;object-fit:cover}
.page-register__promo-content{width:100%}
.page-register__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.page-register__product-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(47,107,255,.08);display:flex;flex-direction:column}
.page-register__product-image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:3/2;background:#EAF1FF}
.page-register__product-card .page-register__card-title,.page-register__product-card .page-register__card-text{padding:0 16px}
.page-register__product-card .page-register__card-title{padding-top:14px}
.page-register__product-card .page-register__card-text{padding-bottom:18px}
.page-register__tips-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.page-register__tip-item{background:#FFFFFF;border-left:4px solid #2F6BFF;border-radius:10px;padding:16px 18px;box-shadow:0 4px 12px rgba(47,107,255,.07)}
.page-register__tip-title{color:#1F2D3D;font-size:1.02rem;font-weight:800;margin:0 0 6px;line-height:1.35}
.page-register__tip-text{color:#4a5c70;font-size:.95rem;line-height:1.65;margin:0}
.page-register__faq-section{max-width:1000px;margin:0 auto;padding:32px 16px}
.page-register__faq-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.page-register__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px rgba(47,107,255,.06)}
.page-register__faq-question{display:block;width:100%;text-align:left;background:#FFFFFF;color:#1F2D3D;font-size:1rem;font-weight:700;padding:16px 18px;border:0;cursor:pointer;position:relative;padding-right:46px;line-height:1.5}
.page-register__faq-question:hover{background:#F0F5FF}
.page-register__faq-question::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#2F6BFF;font-weight:700;line-height:1}
.page-register__faq-item.is-open .page-register__faq-question::after{content:'\2212'}
.page-register__faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#F8FAFF}
.page-register__faq-item.is-open .page-register__faq-answer{max-height:400px}
.page-register__faq-text{color:#4a5c70;font-size:.96rem;line-height:1.7;margin:0;padding:14px 18px 16px;border-top:1px solid #E3ECFF}
.page-register__overlay-section{position:relative;max-width:1200px;margin:24px auto;padding:0 16px;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-radius:16px}
.page-register__overlay-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:16px}
.page-register__overlay-mask{position:absolute;inset:0;background:rgba(10,25,60,.62);z-index:1;border-radius:16px}
.page-register__overlay-content{position:relative;z-index:2;padding:32px 22px;width:100%;max-width:760px}
.page-register__overlay-title{color:#FFFFFF;font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:800;margin:0 0 12px;line-height:1.35}
.page-register__overlay-text{color:#EAF1FF;font-size:1rem;line-height:1.7;margin:0 0 18px}
.page-register__related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.page-register__related-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(47,107,255,.08);display:flex;flex-direction:column}
.page-register__related-image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9;background:#EAF1FF}
.page-register__related-card .page-register__card-title,.page-register__related-card .page-register__card-text{padding:0 14px}
.page-register__related-card .page-register__card-title{padding-top:12px;font-size:1rem}
.page-register__related-card .page-register__card-text{padding-bottom:16px;font-size:.9rem}
.page-register__cta-section{max-width:1200px;margin:24px auto 40px;padding:0 16px}
.page-register__cta-inner{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);border-radius:18px;padding:36px 22px;text-align:center;box-shadow:0 10px 30px rgba(47,107,255,.35)}
.page-register__cta-title{color:#FFFFFF;font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:800;margin:0 0 12px;line-height:1.35}
.page-register__cta-text{color:#EAF1FF;font-size:1rem;line-height:1.7;margin:0 auto 20px;max-width:760px}
.page-register__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}
@media (max-width:768px){
.page-register{padding-top:8px;max-width:100%;overflow-x:hidden}
.page-register__hero-section{padding:8px 12px 0;gap:14px}
.page-register__hero-title{font-size:clamp(1.2rem,5.4vw,1.55rem);margin-bottom:10px}
.page-register__hero-desc{font-size:.95rem;margin-bottom:14px}
.page-register__hero-actions{flex-direction:column;align-items:stretch}
.page-register__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;font-size:.98rem;padding:13px 18px}
.page-register__intro-section,.page-register__steps-section,.page-register__conditions-section,.page-register__verify-section,.page-register__products-section,.page-register__tips-section,.page-register__related-section{padding:24px 12px}
.page-register__intro-grid{grid-template-columns:1fr}
.page-register__verify-grid{grid-template-columns:1fr}
.page-register__promo-inner{grid-template-columns:1fr;padding:16px}
.page-register__products-grid{grid-template-columns:1fr}
.page-register__tips-list{grid-template-columns:1fr}
.page-register__related-grid{grid-template-columns:1fr}
.page-register__overlay-section{margin:18px auto;min-height:260px;padding:0 12px}
.page-register__cta-section{margin:18px auto 32px;padding:0 12px}
.page-register__cta-inner{padding:28px 16px}
.page-register__cta-actions{flex-direction:column;align-items:stretch}
.page-register__section-title{font-size:clamp(1.15rem,4.6vw,1.4rem)}
.page-register img{max-width:100%!important;height:auto!important}
}