:root{--login-card-bg:#17191F;--login-bg:#0D0E12;--login-text-main:#FFF3E6;--login-btn-grad:linear-gradient(180deg, #FFA53A 0%, #D96800 100%);--login-border:#A84F0C;--login-glow:#FFB04D}.page-login{font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--login-bg);color:var(--login-text-main);line-height:1.6;overflow-x:hidden}.page-login__hero-section{padding:10px 0 0 0}.page-login__hero-image{position:relative;display:block}.page-login__hero-img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}.page-login__hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:850px;width:100%;margin:0 auto;padding:28px 20px 40px;box-sizing:border-box}.page-login__hero-title{color:var(--login-glow);font-weight:800;line-height:1.2;letter-spacing:0.01em;max-width:100%;margin:0 0 12px 0}.page-login__hero-subtitle{color:var(--login-text-main);font-size:1rem;font-weight:400;max-width:100%;margin:0 auto 28px auto;text-align:center}.page-login__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;width:100%;max-width:560px;box-sizing:border-box}.page-login__btn-primary{display:inline-block;background:var(--login-btn-grad);color:#0D0E12;font-weight:700;font-size:1.0625rem;text-decoration:none;border-radius:50px;padding:13px 32px;border:1px solid rgba(255,255,255,0.2);box-shadow:0 0 12px rgba(255,176,77,0.35);transition:transform 0.2s ease,box-shadow 0.2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;box-sizing:border-box}.page-login__btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(255,176,77,0.6)}.page-login__btn-secondary{display:inline-block;background:#A84F0C;color:#FFF3E6;font-weight:700;font-size:1.0625rem;text-decoration:none;border-radius:50px;padding:13px 32px;border:1px solid var(--login-border);transition:background 0.2s ease,color 0.2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;box-sizing:border-box}.page-login__btn-secondary:hover{background:#8C3F00;color:#fff}.page-login__benefits-section, .page-login__guide-section, .page-login__faq-section{max-width:1150px;width:100%;margin:0 auto;box-sizing:border-box}.page-login__benefits-section{padding:40px 16px 24px 16px}.page-login__benefits-header,.page-login__guide-header,.page-login__faq-header{text-align:center;margin-bottom:30px}.page-login__benefits-title,.page-login__guide-title{color:var(--login-glow);font-size:clamp(1.6rem,4vw,2.1rem);font-weight:800;line-height:1.2;background:var(--login-btn-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin:0 0 10px 0}.page-login__benefits-lead,.page-login__guide-lead{color:#D0DDE7;max-width:820px;margin:0 auto;text-align:center}.page-login__benefits-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0 0 0}.page-login__benefit-card{background:var(--login-card-bg);border:1px solid #2A2D37;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:6px;transition:transform 0.2s ease,border-color 0.2s ease}.page-login__benefit-card:hover{transform:translateY(-3px);border-color:var(--login-border)}.page-login__benefit-icon{font-size:2.3rem;line-height:1.2;margin-bottom:4px}.page-login__benefit-card-title{font-size:1.2rem;font-weight:750;color:#E5E0D8;margin:0}.page-login__benefit-card-text{color:#C7C9CF;font-size:0.94rem;margin:2px 0 0 0}.page-login__guide-section{padding:22px 16px 35px 16px}.page-login__guide-title{margin:0 auto 12px auto;text-align:center}.page-login__guide-lead{text-align:center;margin:0 0 40px 0}.page-login__guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-login__guide-step{background:#1B1D24;border-radius:14px;padding:26px 20px;border:1px solid #21242E}.page-login__guide-number{background:var(--login-btn-grad);color:#0D0E12;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;border-radius:50%;margin-bottom:14px;box-shadow:0 0 10px rgba(255,176,77,0.2)}.page-login__guide-step-title{color:#E5E0D8;font-weight:700;margin:0 0 8px 0;font-size:1.12rem}.page-login__guide-step-text{color:#C7C9CF;font-size:0.95rem;margin:0}.page-login__guide-cta{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:35px;width:100%;overflow:hidden;box-sizing:border-box}.page-login__guide-link{color:var(--login-glow);font-weight:600;font-size:0.98rem;text-decoration:underline;transition:opacity 0.2s ease}.page-login__guide-link:hover{color:#FFC46B;opacity:0.9}.page-login__faq-section{padding:25px 16px 55px 16px}.page-login__faq-title{color:var(--login-glow);font-size:clamp(1.55rem,3.5vw,2rem);font-weight:800;text-align:center;margin:0 0 25px 0;line-height:1.2}.page-login__faq-list{max-width:850px;margin:0 auto}.page-login__faq-item{background:#17191F;border:1px solid #262832;border-radius:10px;margin-bottom:12px;overflow:hidden}.page-login__faq-item summary{display:flex;align-items:center;gap:12px;padding:15px 20px;cursor:pointer;font-weight:700;color:#F6EFE3;list-style:none}.page-login__faq-item summary::-webkit-details-marker{display:none}.page-login__faq-item summary:hover{background:#1D202A}.page-login__faq-question{flex:1;margin:0}.page-login__faq-toggle{font-size:1.8rem;line-height:1;color:#FF8C1A;transition:transform 0.2s ease;display:inline-block;min-width:22px;text-align:right}.page-login__faq-item[open] .page-login__faq-toggle{transform:rotate(45deg)}.page-login__faq-answer{padding:0 20px 18px 62px;margin:0;color:#C7C9CF;font-size:0.95rem}.page-login__faq-cta{text-align:center;margin-top:15px}.page-login img{max-width:100%}.page-login__hero-section .page-login__btn-primary,.page-login__hero-section .page-login__btn-secondary{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-login__hero-actions,.page-login__guide-cta{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}@media (max-width:768px){.page-login__hero-section{padding-top:10px}.page-login__hero-img{aspect-ratio:2/1;object-fit:cover}.page-login__hero-content{padding:20px 12px 30px 12px}.page-login__hero-title{font-size:clamp(1.2rem,5vw,1.8rem);width:100%}.page-login__hero-subtitle{font-size:0.9rem;margin-bottom:20px}.page-login__hero-actions,.page-login__guide-cta{flex-direction:column;align-items:center}.page-login__hero-actions a,.page-login__guide-cta a{width:90%;max-width:340px;text-align:center}.page-login__benefits-list,.page-login__guide-steps{grid-template-columns:1fr;gap:16px} .page-login__benefits-section,.page-login__guide-section,.page-login__faq-section{padding-left:12px;padding-right:12px} .page-login__faq-item summary{padding:14px 12px} .page-login__faq-answer{padding:0 16px 16px 54px} .page-login img{max-width:100%;height:auto}.page-login__benefit-card,.page-login__guide-step,.page-login__faq-item{box-sizing:border-box}.page-login{gutter-width:0}.page-login{width:100%;overflow-x:hidden}.page-login .page-login__btn-primary,.page-login__btn-secondary{width:90%;max-width:320px}.page-login__benefit-card-title{font-size:1.12rem}.page-login__benefit-icon{font-size:1.8rem}}@media (max-width:1024px){.page-login__benefits-list,.page-login__guide-steps{grid-template-columns:1fr 1fr}}