.page-register{color:#333333;background:#FFFFFF;padding:0} .page-register__hero-section{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#e8f6fd 0%,#f2fafd 50%,#ffffff 100%);padding:10px 20px 40px} .page-register__hero-image-wrap{width:100%;max-width:1200px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,80,140,0.12)} .page-register__hero-image{width:100% !important;height:auto !important;aspect-ratio:1020/300;object-fit:cover;display:block} .page-register__hero-content{max-width:1000px;width:100%;text-align:center;padding:34px 10px 0} .page-register__hero-title{color:#0b5e87;font-weight:800;line-height:1.25;letter-spacing:-0.2px;max-width:820px;margin:0 auto 12px} .page-register__hero-subtitle{color:#4a6572;font-size:1.04rem;line-height:1.7;max-width:760px;margin:0 auto 26px} .page-register__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;max-width:100%;overflow:hidden;box-sizing:border-box} .page-register__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;border:none;transition:transform 0.2s ease, box-shadow 0.2s ease;text-align:center;white-space:normal;word-wrap:break-word;letter-spacing:0.3px} .page-register__btn--primary{background:#26A9E0;color:#FFFFFF;box-shadow:0 6px 18px rgba(38,169,224,0.35)} .page-register__btn--primary:hover{background:#1e95c8;transform:translateY(-2px);box-shadow:0 10px 22px rgba(38,169,224,0.45)} .page-register__btn--login{background:#EA7C07;color:#FFFFFF;box-shadow:0 6px 18px rgba(234,124,7,0.3)} .page-register__btn--login:hover{background:#d56c00;transform:translateY(-2px)} .page-register__btn--center{margin-top:30px} .page-register__benefits{padding:46px 20px;background:#ffffff;max-width:1200px;margin:0 auto} .page-register__benefits-title{color:#0b5e87;font-size:1.75rem;text-align:center;margin:0 0 12px;font-weight:800} .page-register__benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:26px} .page-register__benefit-card{background:#f5fbff;border:1px solid #d7eef7;border-radius:14px;padding:24px 20px;box-shadow:0 4px 14px rgba(38,169,224,0.05);transition:box-shadow 0.2s ease} .page-register__benefit-card:hover{box-shadow:0 8px 24px rgba(38,169,224,0.15)} .page-register__benefit-card-title{color:#1276a6;font-size:1.2rem;margin:0 0 10px;line-height:1.4} .page-register__benefit-card-text{color:#3f5a68;font-size:0.92rem;line-height:1.7;margin:0} .page-register__steps{padding:40px 20px 64px;background:#f0f9fd;max-width:1000px;margin:0 auto;border-radius:24px} .page-register__steps-title{color:#0b5e87;font-size:1.6rem;text-align:center;margin:0 0 10px;font-weight:800} .page-register__steps-list{display:grid;grid-template-columns:1fr;gap:26px;margin:30px 0 4px;padding:0 6px} .page-register__step-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;background:#FFFFFF;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05)} .page-register__step-number{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#26A9E0;color:#ffffff;border-radius:50%;font-size:1.15rem;font-weight:800;margin-bottom:14px} .page-register__step-title{color:#1276a6;margin:0 0 8px;font-weight:700;font-size:1.1rem} .page-register__step-text{color:#4a6370;line-height:1.6;font-size:.92rem;margin:0;max-width:420px;margin-right:auto;margin-left:auto} .page-register__faq{padding:50px 20px;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box} .page-register__faq-title{color:#0b5e87;font-size:1.6rem;text-align:center;margin-bottom:26px;font-weight:800} .page-register__faq-item{border:1px solid #d9ebf4;border-radius:10px;background:#FFFFFF;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,100,170,0.03)} .page-register__faq-item[open]{border-color:#8ad0ee;box-shadow:0 4px 12px rgba(38,169,224,0.12)} .page-register__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;background:#f6fbfe;font-weight:600;color:#123c52;transition:background .2s ease} .page-register__faq-question:hover{background:#eaf4fa} .page-register__faq-question::-webkit-details-marker{display:none} .page-register__faq-toggle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:#26A9E0;color:#FFFFFF;border-radius:50%;font-size:1.1rem;font-weight:700;line-height:1} .page-register__faq-answer{margin:0;padding:12px 18px 16px;color:#3a5768;line-height:1.7;font-size:.95rem;border-top:1px dashed #cde4f1} .page-register__note{padding:22px 20px;background:#fff8f3;border-left:4px solid #EA7C07;max-width:1000px;margin:30px auto 40px;border-radius:0 10px 10px 0} .page-register__note-title{color:#944901;font-size:1.15rem;margin:0 0 10px} .page-register__note-list{margin:0;padding-left:18px;color:#714731;line-height:1.8} .page-register__note-item{margin-bottom:4px;font-size:.93rem} .page-register__btn--primary:hover, .page-register__btn--login:hover{color:#ffffff;text-decoration:none} .page-register__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:16px auto;padding:48px 20px 24px} .page-register__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%} .page-register__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;border-radius:8px;padding:8px;box-sizing:border-box;background:#fbfdfe;border:1px solid #e8f1f6} .page-register__logo-cta{padding:10px 22px;border-radius:999px;background:#EA7C07;color:#fff;font-weight:700;text-decoration:none;display:inline-block;text-align:center} .page-register__logo-cta:hover{background:#d56c00} .page-register__logo-item:nth-child(5){grid-column:2} .page-register__logo-item:nth-child(6){grid-column:3} .page-register__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px} .page-register__guide-title{text-align:center;color:#0477db;font-size:1.6rem;margin-bottom:30px} .page-register__guide-figure{margin:30px 0 18px} .page-register__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:14px;display:block;height:auto !important} @media (max-width:768px){.page-register__hero-section{padding:10px 14px 30px}.page-register__hero-image{aspect-ratio:2/1}.page-register__hero-content{padding-top:24px}.page-register__hero-subtitle{font-size:.98rem}.page-register__hero-actions{flex-direction:column}.page-register__btn{width:100%;max-width:100%;box-sizing:border-box}.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),.page-register__logo-item:nth-child(6){grid-column:auto}.page-register__guide-figure img{max-width:100%}} @media (max-width:1024px){.page-register__benefits-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.page-register__steps-list{grid-template-columns:1fr}}