.page-register{color:#FFF3E6;background-color:#0D0E12;font-family:'Segoe UI',Tahoma,Arial,sans-serif}
.page-register__hero-section{display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px}
.page-register__hero-image{margin-bottom:0}
.page-register__hero-img{display:block;width:100%;max-width:1020px;height:auto;aspect-ratio:17/5;object-fit:cover;margin:0 auto;border-radius:10px}
.page-register__hero-content{width:100%;max-width:1200px;align-self:center;text-align:center;padding:20px 16px 0}
.page-register__hero-title{color:#FFF3E6;background:linear-gradient(90deg,#FFB04D,#FFA53A);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;line-height:1.2;letter-spacing:.5px;margin:0 0 12px;font-size:clamp(28px,5vw,48px)}
.page-register__hero-desc{color:#E6D7C3;font-size:clamp(16px,2vw,18px);max-width:900px;margin:0 auto 20px;line-height:1.5}
.page-register__hero-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.page-register__cta-btn{display:inline-block;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#1A120B;padding:14px 30px;border-radius:999px;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 4px 15px rgba(84,38,0,.6);transition:all .3s ease;border:1px solid #A84F0C}
.page-register__cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,176,77,.5);color:#0D0E12}
.page-register__benefits-section{padding:40px 16px;background-color:#17191F;width:100%;box-sizing:border-box}
.page-register__section-header{max-width:800px;margin:0 auto 30px;text-align:center}
.page-register__section-title{font-size:clamp(28px,4vw,44px);color:#FFF3E6;font-weight:800;margin:0 0 10px}
.page-register__section-sub{font-size:18px;color:#E6D7C3;margin:0 0 20px;line-height:1.4}
.page-register__section-text{font-size:16px;color:#E6D7C3;line-height:1.6;max-width:800px;margin:0 auto}
.page-register__benefit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1400px;margin:0 auto}
.page-register__benefit-card{background-color:#0D0E12;border:1px solid #A84F0C;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;height:100%}
.page-register__benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(255,176,77,.2)}
.page-register__benefit-image{display:flex}
.page-register__benefit-img{width:100%;aspect-ratio:4/2.5;object-fit:cover;display:block;border:0}
.page-register__benefit-title{font-size:20px;font-weight:700;color:#FFB04D;margin:16px 16px 8px}
.page-register__benefit-desc{font-size:16px;color:#E6D7C3;line-height:1.5;margin:0 16px 16px}
.page-register__steps-section{padding:40px 16px;width:100%;box-sizing:border-box}
.page-register__steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin:0 auto 30px}
.page-register__step-card{background-color:#17191F;border:1px solid #A84F0C;border-radius:12px;padding:20px;position:relative;text-align:center}
.page-register__step-number{width:48px;height:48px;line-height:44px;border-radius:50%;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#1A120B;font-size:24px;font-weight:800;margin:0 auto 15px;border:2px solid #FFB04D}
.page-register__step-image{margin-bottom:15px}
.page-register__step-img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;height:auto}
.page-register__step-title{font-size:18px;font-weight:700;color:#FFB04D;margin:0 0 8px}
.page-register__step-desc{font-size:14px;color:#E6D7C3;line-height:1.6;margin:0}
.page-register__steps-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.page-register__register-btn{display:inline-block;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#1A120B;padding:14px 30px;border-radius:999px;font-weight:700;font-size:18px;text-decoration:none;border:1px solid #A84F0C;transition:all .3s}
.page-register__register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,176,77,.5)}
.page-register__explore-btn{display:inline-block;background:#17191F;color:#FFB04D;padding:14px 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:1px solid #A84F0C;transition:all .3s}
.page-register__explore-btn:hover{background:#0D0E12;color:#fff}
.page-register__os-section{padding:40px 16px;text-align:center;background-color:#17191F;width:100%;box-sizing:border-box}
@media (max-width:1024px){.page-register__benefit-list{grid-template-columns:repeat(2,1fr)}
.page-register__steps-list{grid-template-columns:repeat(1,1fr)}
.page-register img{max-width:100%}}
@media (max-width:768px){.page-register__hero-section{padding-top:10px}
.page-register__hero-img{aspect-ratio:2/1;max-width:100%;height:auto}
.page-register__benefit-list{grid-template-columns:1fr}
.page-register img{max-width:100%!important;height:auto!important}}