.page-register__hero-section{display:flex;flex-direction:column;padding-top:10px;width:100%;max-width:1200px;margin:0 auto} .page-register__hero-image-wrap{width:100%;margin-bottom:16px} .page-register__hero-image{width:100%;aspect-ratio:17/5;object-fit:cover;display:block} .page-register__hero-content{text-align:center} .page-register__hero-title{font-weight:800;line-height:1.3;letter-spacing:.5px;color:var(--color-text-main);max-width:900px;margin:0 auto 12px} .page-register__hero-desc{font-size:1rem;line-height:1.7;max-width:700px;margin:0 auto 20px;color:var(--color-text-main)} .page-register__hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .page-register__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;box-sizing:border-box;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#111;border:1px solid var(--color-border)} .page-register__btn:hover{opacity:.92;transform:translateY(-1px)} .page-register__logo-section{padding:16px 16px 24px;max-width:1200px;margin:0 auto} .page-register__logo-title{text-align:center;color:var(--color-text-main);font-size:1.4rem;margin-bottom:20px} .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} .page-register__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain} .page-register__logo-cta{padding:10px 22px;border-radius:999px;font-weight:700;text-decoration:none;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#111;border:1px solid var(--color-border)} .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:16px 0 48px} .page-register__guide-inner{max-width:1000px;margin:0 auto;padding:0 16px} .page-register__guide-title{text-align:center;color:var(--color-text-main);margin-bottom:24px} .page-register__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block;margin:0 auto 8px} .page-register__guide-figure figcaption{font-size:.9rem;color:var(--color-text-main);opacity:.75;text-align:center;margin-bottom:16px} .page-register__guide-content p,.page-register__guide-content li,.page-register__guide-content summary{color:var(--color-text-main);line-height:1.75} .page-register__guide-content details{margin-top:16px;border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;background:#111} .page-register__guide-content summary{cursor:pointer;font-weight:600;outline:none;display:flex;gap:8px;align-items:center} .page-register__faq-marker{color:#FFD36B;font-weight:700;min-width:20px;display:inline-block} .page-register__guide-content details[open] .page-register__faq-marker{transform:rotate(45deg)} .page-register__guide-actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap} @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}.page-register__logo-item:last-child{grid-column:2}} @media (max-width:768px){.page-register__hero-image{aspect-ratio:2/1} .page-register__hero-section{padding-top:8px} .page-register__logo-grid{grid-template-columns:repeat(2,1fr)} .page-register__logo-item:nth-child(5),.page-register__logo-item:nth-child(6){grid-column:auto} .page-register__logo-item:last-child{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;word-wrap:break-word} .page-register__hero-actions,.page-register__guide-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-register__btn{width:100%}}