.page-login{color:#FFF3E6;background:#0D0E12}
.page-login__hero-section{display:flex;flex-direction:column;align-items:center;padding-top:10px}
.page-login__hero-image-wrap{max-width:1200px;width:100%}
.page-login__hero-image-wrap img{width:100%;height:auto;object-fit:cover;display:block;aspect-ratio:17/5}
.page-login__hero-content{max-width:1000px;width:100%;text-align:center;padding:9px 16px
}
.page-login__hero-title{font-weight:800;line-height:1.3;letter-spacing:.5px;color:#FFF3E6;max-width:900px;margin:0 auto 14px;font-size:clamp(1.9rem,4vw,3.1rem);text-shadow:0 0 20px rgba(255,176,77,.25)
}
.page-login__hero-description{font-size:1.05rem;line-height:1.75;color:#FFDCC2;max-width:900px;margin:0 auto 20px}
.page-login__cta-btn{padding:14px 38px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);border-radius:40px;color:#fff!important;font-weight:800;font-size:1.06rem;text-decoration:none;display:inline-block;border:1px solid #A84F0C;box-shadow:0 0 18px rgba(255,176,77,.35);letter-spacing:.3px;transition:.35s}
.page-login__cta-btn:hover{box-shadow:0 0 25px rgba(255,176,77,.65);transform:translateY(-2px)}
.page-login__benefits-section,.page-login__steps-section,.page-login__guide-section,.page-login__faq-section{max-width:1200px;margin:0 auto;padding:30px 16px 10px}
.page-login__section-title,.page-login__guide-title{text-align:center;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.35;color:#FFF3E6;margin-bottom:24px;font-weight:800}
.page-login__benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}
.page-login__benefit-item{background:#17191F;border-radius:18px;padding:30px 22px;border:1px solid #A84F0C;box-shadow:0 0 14px rgba(255,140,26,.08)}
.page-login__benefit-title{color:#FFA53A;font-size:1.2rem;font-weight:700;margin-bottom:12px}
.page-login__benefit-desc{color:#D0CFD6;font-size:.98rem;line-height:1.75}
.page-login__steps-list{display:flex;flex-direction:column;gap:22px;margin:20px auto 24px;max-width:980px}
.page-login__step-item{display:flex;align-items:flex-start;gap:18px;background:#17191F;border-radius:16px;padding:22px 24px;border-left:5px solid #FFA53A}
.page-login__step-number{background:linear-gradient(135deg,#FF8C1A,#FFA53A);min-width:42px;height:42px;border-radius:50%;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 0 16px rgba(255,140,26,.4);flex-shrink:0
}
.page-login__step-title{font-weight:700;color:#FFF3E6;font-size:1.08rem;margin-bottom:6px}
.page-login__step-desc{color:#D0CFD6;font-size:.95rem;line-height:1.65;margin:0
}
.page-login__primary-btn{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#fff!important;font-weight:700;border-radius:999px;padding:13px 32px;text-decoration:none;display:inline-block;margin:12px auto 0;border:1px solid #A84F0C;transition:.3s;box-shadow:0 0 15px rgba(255,140,26,.3);text-align:center}
.page-login__primary-btn:hover{box-shadow:0 0 25px rgba(255,140,26,.7);transform:scale(1.02)}
.page-login__feature-section{max-width:1200px;margin:40px auto 20px;padding:0 16px
}
.page-login__feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-login__feature-card{background:#17191F;border-radius:18px;padding:18px;border:1px solid #A84F0C;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:.35s;
}
.page-login__feature-card:hover{box-shadow:0 0 25px rgba(255,140,26,.15);transform:translateY(-5px)}
.page-login__feature-img{border-radius:14px;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#0D0E12}
.page-login__feature-title{color:#FFA53A;font-weight:700;font-size:1.18rem}
.page-login__feature-desc{color:#C9C6CE;font-size:.95rem;line-height:1.65}
.page-login__feature-link{color:#FF8C1A;font-weight:700;text-decoration:none;border-bottom:2px solid rgba(255,140,26,.3);transition:.3s;cursor:pointer}
.page-login__feature-link:hover{border-bottom:2px solid #FF8C1A;color:#FFA53A}
.page-login__guide-title{color:#FFA53A
}
.page-login__guide-intro{color:#C9C6CE;line-height:1.85;font-size:1rem;max-width:960px;margin:0 auto 24px;text-align:center}
.page-login__guide-figure{display:flex;justify-content:center;margin-bottom:24px;padding:0 8px}
.page-login__guide-img{border-radius:20px;width:100%;max-width:640px;aspect-ratio:2/1;object-fit:cover;border:1px solid rgba(168,79,12,.5);box-shadow:0 0 15px rgba(255,140,26,.1)}
.page-login__guide-text{max-width:900px;text-align:center;margin:0 auto;padding-bottom:18px;line-height:1.9;color:#C9C6CE}
.page-login__faq-item{padding:17px 22px;background:#17191F;border-radius:14px;margin-bottom:14px;border:1px solid #24272F;transition:.3s}
.page-login__faq-question{font-weight:700;cursor:pointer;color:#FFE3C9;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:1.05rem;list-style:none
}
.page-login__faq-question::-webkit-details-marker{display:none}
.page-login__faq-icon{font-size:1.6rem;color:#FF8C1A;font-weight:800;flex-shrink:0;line-height:1
}
.page-login__faq-answer{color:#D0CFD6;border-left:4px solid #FFA53A;padding:10px 8px 4px 18px;line-height:1.8;margin:8px 0 0;font-size:.98rem
}
@media (max-width:1024px){
.page-login__hero-image-wrap img{aspect-ratio:3/1}
.page-login__benefits-grid,.page-login__feature-grid{grid-template-columns:repeat(2,1fr)}
.page-login__section-title{font-size:clamp(1.2rem,3vw,1.8rem)}
.page-login__step-item{flex-direction:row}
}
@media (max-width:768px){
.page-login{overflow-x:hidden;max-width:100%
}
.page-login__hero-image-wrap img{aspect-ratio:2/1;max-width:100%!important;height:auto!important
}
.page-login__hero-content{padding:10px 12px
}
.page-login__benefits-grid,.page-login__feature-grid{grid-template-columns:repeat(2,1fr);gap:14px
}
.page-login__cta-btn,.page-login__primary-btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:.98rem;padding:14px 22px
}
.page-login__step-item{flex-direction:column;padding:18px
}
.page-login__step-number{width:38px;min-width:38px;height:38px;font-size:1.05rem
}
.page-login__guide-text{font-size:.97rem
}
.page-login__guide-figure{max-width:100%;padding:0
}
.page-login img{max-width:100%!important;height:auto!important
}
.page-login__feature-card{padding:14px
}
.page-login__feature-table{overflow-x:auto
}
}
@media (max-width:480px){
.page-login__benefits-grid,.page-login__feature-grid{grid-template-columns:repeat(1,1fr)
}
.page-login__benefits-grid{grid-template-columns:1fr
}
.page-login__section-title,.page-login__guide-title{font-size:1.3rem
}
}