.page-login{background:#0D0E12;color:#FFF3E6;font-family:'Segoe UI',Arial,sans-serif;line-height:1.65;overflow-x:hidden}
.page-login__hero-section{padding:10px 20px 40px;background:linear-gradient(180deg,#0D0E12 0%,#17191F 100%)}
.page-login__hero-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px;width:100%}
.page-login__hero-image{width:100%;border-radius:18px;overflow:hidden;border:1px solid #A84F0C;box-shadow:0 0 28px rgba(255,176,77,0.18)}
.page-login__hero-image img{display:block;width:100%;height:auto;border-radius:18px}
.page-login__hero-content{max-width:960px;margin:0 auto;text-align:center}
.page-login__main-title{color:#FFF3E6;font-weight:800;line-height:1.25;letter-spacing:0.3px;margin:0 0 14px;max-width:900px;margin-left:auto;margin-right:auto}
.page-login__hero-desc{color:#FFE3C2;font-size:1.05rem;margin:0 auto 22px;max-width:780px}
.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.page-login__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;max-width:100%;text-align:center;line-height:1.3}
.page-login__btn--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#1A0E02;box-shadow:0 6px 20px rgba(255,140,26,0.35)}
.page-login__btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,140,26,0.5)}
.page-login__btn--outline{background:transparent;color:#FFC98A;border:1px solid #A84F0C}
.page-login__btn--outline:hover{background:rgba(255,140,26,0.12);color:#FFF3E6}
.page-login__btn--ghost{background:#17191F;color:#FFB04D;border:1px solid #A84F0C}
.page-login__btn--ghost:hover{background:#22252D;color:#FFF3E6}
.page-login__btn--full{width:100%}
.page-login__section-inner{max-width:1200px;margin:0 auto;width:100%}
.page-login__login-section,.page-login__benefits-section,.page-login__guide-section,.page-login__faq-section,.page-login__cta-section{padding:48px 20px}
.page-login__login-section{background:#0D0E12}
.page-login__login-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}
.page-login__login-card,.page-login__support-card{background:#17191F;border:1px solid #A84F0C;border-radius:18px;padding:30px;box-shadow:0 8px 26px rgba(0,0,0,0.35)}
.page-login__section-title{color:#FFB04D;font-size:1.6rem;font-weight:800;margin:0 0 12px;line-height:1.3}
.page-login__section-title--center{text-align:center}
.page-login__subsection-title{color:#FFC98A;font-size:1.2rem;font-weight:700;margin:24px 0 12px}
.page-login__section-desc{color:#FFE3C2;margin:0 0 20px;font-size:1rem}
.page-login__section-desc--center{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.page-login__form{display:flex;flex-direction:column;gap:16px}
.page-login__field{display:flex;flex-direction:column;gap:7px}
.page-login__label{color:#FFF3E6;font-weight:600;font-size:.95rem}
.page-login__input{background:#0D0E12;border:1px solid #A84F0C;border-radius:10px;padding:13px 15px;color:#FFF3E6;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.page-login__input::placeholder{color:#B08E70}
.page-login__input:focus{border-color:#FFB04D;box-shadow:0 0 0 3px rgba(255,176,77,0.2)}
.page-login__form-note{font-size:.88rem;color:#D9A97C}
.page-login__helper{font-size:.92rem;color:#E8C9A8;margin:4px 0 0;text-align:center}
.page-login__inline-link{color:#FFB04D;text-decoration:underline;font-weight:600}
.page-login__inline-link:hover{color:#FFD9A8}
.page-login__support-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:12px}
.page-login__support-item{position:relative;padding-left:26px;color:#FFE3C2;font-size:.98rem}
.page-login__support-item::before{content:'';position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%)}
.page-login__support-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-login__benefits-section{background:#17191F}
.page-login__benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.page-login__benefit-card{background:#0D0E12;border:1px solid #A84F0C;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.page-login__benefit-img{width:100%;height:auto;display:block;object-fit:cover}
.page-login__benefit-title{color:#FFB04D;font-size:1.15rem;font-weight:700;margin:18px 18px 8px}
.page-login__benefit-text{color:#FFE3C2;font-size:.95rem;margin:0 18px 22px}
.page-login__guide-section{background:#0D0E12}
.page-login__guide-content{max-width:900px;margin:0 auto}
.page-login__paragraph{color:#FFE3C2;margin:0 0 16px;font-size:1rem}
.page-login__ordered-list{padding-left:22px;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.page-login__list-item{color:#FFE3C2;font-size:.98rem}
.page-login__faq-section{background:#17191F}
.page-login__faq-list{display:flex;flex-direction:column;gap:16px;max-width:920px;margin:26px auto 0}
.page-login__faq-item{background:#0D0E12;border:1px solid #A84F0C;border-radius:14px;padding:20px 22px}
.page-login__faq-question{color:#FFB04D;font-size:1.05rem;font-weight:700;margin:0 0 8px}
.page-login__faq-answer{color:#FFE3C2;font-size:.96rem;margin:0}
.page-login__cta-section{background:linear-gradient(180deg,#17191F 0%,#0D0E12 100%)}
.page-login__cta-box{background:#17191F;border:1px solid #A84F0C;border-radius:20px;padding:36px 28px;text-align:center;box-shadow:0 0 30px rgba(255,140,26,0.12)}
.page-login__cta-title{color:#FFB04D;font-size:1.7rem;font-weight:800;margin:0 0 12px}
.page-login__cta-text{color:#FFE3C2;max-width:720px;margin:0 auto 24px}
.page-login__cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
@media (max-width:1024px){.page-login__login-grid{grid-template-columns:1fr}.page-login__benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.page-login img{max-width:100%!important;height:auto!important}.page-login__hero-section{padding:10px 14px 32px}.page-login__hero-image{border-radius:14px}.page-login__hero-image img{border-radius:14px}.page-login__main-title{letter-spacing:0.1px;margin-bottom:12px}.page-login__hero-desc{font-size:.98rem}.page-login__hero-actions{flex-direction:column;align-items:stretch}.page-login__btn{width:100%;padding:14px 18px}.page-login__login-section,.page-login__benefits-section,.page-login__guide-section,.page-login__faq-section,.page-login__cta-section{padding:34px 14px}.page-login__login-card,.page-login__support-card{padding:22px}.page-login__section-title{font-size:1.35rem}.page-login__subsection-title{font-size:1.1rem}.page-login__benefits-grid{grid-template-columns:1fr}.page-login__support-actions{flex-direction:column;align-items:stretch}.page-login__cta-actions{flex-direction:column;align-items:stretch}.page-login__cta-box{padding:28px 18px}.page-login__cta-title{font-size:1.4rem}.page-login__form-note{font-size:.85rem}}