.page-register{max-width:1200px;margin:0 auto;padding:0;color:#1F2D3D;font-family:Arial,Helvetica,sans-serif} .page-register__hero-section{padding-top:10px;margin-top:0;display:flex;flex-direction:column;align-items:center} .page-register__hero-image{width:100%;max-width:1020px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px} .page-register__hero-content{text-align:center;padding:24px 16px 32px} .page-register__hero-title{font-weight:800;line-height:1.3;letter-spacing:-0.02em;color:#0477db;max-width:700px;margin:0 auto 12px} .page-register__hero-description{font-size:1.05rem;line-height:1.6;max-width:640px;margin:0 auto 24px} .page-register__hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} .page-register__btn{display:inline-block;padding:13px 34px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;border:none;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease} .page-register__btn-primary{background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#ffffff;box-shadow:0 4px 14px rgba(47,107,255,0.35)} .page-register__btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(47,107,255,0.45)} .page-register__btn-outline{background:#ffffff;color:#2F6BFF;border:2px solid #2F6BFF} .page-register__btn-outline:hover{background:#F4F7FB} .page-register__partner-section{background:#F4F7FB;margin-top:16px;padding:40px 16px} .page-register__partner-inner{max-width:1100px;margin:0 auto} .page-register__section-title{text-align:center;font-size:1.8rem;color:#0477db;margin-bottom:8px} .page-register__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;margin-top:24px} .page-register__logo-item{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:280px;width:100%} .page-register__logo-image{width:100%;max-width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;border-radius:8px} .page-register__logo-cta{padding:10px 28px;border-radius:999px;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#fff;font-weight:700;text-decoration:none;transition:transform 0.2s ease;display:inline-block;text-align:center;box-sizing:border-box} .page-register__logo-cta:hover{transform:translateY(-2px)} .page-register__guide-section{max-width:1000px;margin:0 auto;padding:48px 16px 64px} .page-register__guide-inner{display:flex;flex-direction:column;align-items:center} .page-register__guide-title{text-align:center;font-size:1.8rem;color:#0477db;font-weight:800;width:100%} .page-register__guide-subtitle{text-align:center;color:#1F2D3D;font-size:1.05rem;margin-bottom:28px;width:100%} .page-register__guide-figure{width:100%;max-width:800px;margin:0 0 32px} .page-register__guide-image{width:100%;max-width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block} .page-register__guide-figure figcaption{font-size:0.9rem;color:#1F2D3D;text-align:center;margin-top:8px;font-style:italic} .page-register__guide-steps{display:flex;flex-direction:column;gap:28px;width:100%} .page-register__guide-step{background:#ffffff;border:1px solid #D6E2FF;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(166,180,215,0.12)} .page-register__guide-step-title{color:#0477db;font-size:1.2rem;margin-bottom:10px} .page-register__guide-step-text{line-height:1.7;color:#1F2D3D} @media (max-width: 768px){ .page-register__hero-image{aspect-ratio:2/1;width:100%} .page-register img{max-width:100% !important;height:auto !important} .page-register__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px} .page-register__logo-item:nth-child(5){grid-column:auto} .page-register__logo-item:nth-child(6){grid-column:auto} .page-register__guide-title{font-size:1.5rem} .page-register__guide-figure figcaption{font-size:0.8rem} .page-register__guide-section{padding:32px 12px 48px} .page-register__guide-step{padding:18px} .page-register__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-register__hero-actions{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;gap:12px} .page-register__hero-content{padding:16px 12px 24px} .page-register__section-title{font-size:1.5rem} }