:root{--v99-red:#C61F1F;--v99-red-light:#E53030;--v99-bg:#140C0C;--v99-card-bg:#2A1212;--v99-text-main:#FFF1E8;--v99-gold:#F3C54D;--v99-border:#6A1E1E; --v99-deep-red:#7E0D0D;}.page-login{background-color:var(--v99-bg);color:var(--v99-text-main);max-width:100%;overflow-x:hidden;font-family:'Be Vietnam Pro',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}.page-login__hero{margin:0;padding:0;}.page-login__hero-banner{width:100%;}.page-login__hero-banner img{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-bottom:4px solid var(--v99-gold);}.page-login__intro{padding:40px 16px 20px;}.page-login__intro-container{max-width:1100px;margin:0 auto;text-align:center;}.page-login__intro h1{color:var(--v99-gold);font-size:clamp(1.4rem,2.2vw,2.1rem);line-height:1.4;font-weight:800;letter-spacing:1px;margin:0 0 16px;}.page-login__intro p{color:var(--v99-text-main);font-size:1.05rem;line-height:1.7;margin:0 0 24px;opacity:.9;}.page-login__intro-image{width:100%;max-width:850px;margin:10px auto 0;}.page-login__intro-image img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;border:1px solid var(--v99-border);}.page-login__guide{padding:40px 16px;background:linear-gradient(180deg,rgba(229,48,48,.08) 0%,rgba(20,12,12,0) 100%);}.page-login__guide-container{max-width:900px;margin:0 auto;}.page-login__guide h2{color:var(--v99-gold);font-size:calc(1.2rem + .5vw);line-height:1.4;font-weight:800;text-align:center;margin:0 0 24px;}.page-login__guide p{color:var(--v99-text-main);font-size:1rem;line-height:1.7;margin:0 0 24px;opacity:.9;text-align:center;}.page-login__guide-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px;background:var(--v99-card-bg);border:1px solid var(--v99-border);border-radius:16px;margin-bottom:18px;}.page-login__guide-step img{width:100%;max-width:420px;height:auto;aspect-ratio:2/1;object-fit:contain;border-radius:12px;}.page-login__guide-step p{color:var(--v99-text-main);font-size:1rem;line-height:1.6;margin:0;}.page-login__guide-step strong{color:var(--v99-gold);}.page-login__guide-support{background:var(--v99-card-bg);border-left:4px solid var(--v99-gold);padding:18px;border-radius:8px;margin-bottom:24px;}.page-login__guide-support p{text-align:left;margin:0;}.page-login__cta-button{text-align:center;margin-top:28px;}.page-login__btn-login{display:inline-block;padding:16px 48px;background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%);color:#fff;font-weight:800;font-size:1.2rem;text-decoration:none;border-radius:12px;letter-spacing:.5px;box-shadow:0 6px 0 #9E4408;transition:transform .15s ease,box-shadow .15s ease;max-width:100%;box-sizing:border-box;}.page-login__btn-login:hover{transform:translateY(2px);box-shadow:0 4px 0 #9E4408;}.page-login__features{padding:50px 16px;}.page-login__features-container{max-width:1100px;margin:0 auto;}.page-login__features h2{color:var(--v99-gold);font-size:calc(1.3rem + .5vw);line-height:1.4;font-weight:800;text-align:center;margin:0 0 16px;}.page-login__features > .page-login__features-container > p{font-size:1.1rem;line-height:1.7;max-width:850px;margin:0 auto 30px;opacity:.9;text-align:center;}.page-login__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}.page-login__features-card{background:var(--v99-card-bg);border:1px solid var(--v99-border);border-radius:16px;padding:24px;transition:transform .2s ease,border-color .2s ease;}.page-login__features-card:hover{transform:translateY(-4px);border-color:var(--v99-gold);}.page-login__features-card h3{color:var(--v99-gold);font-size:1.15rem;font-weight:700;margin:0 0 12px;}.page-login__features-card p{color:var(--v99-text-main);font-size:.95rem;line-height:1.6;margin:0;opacity:.85;}.page-login__features-media{width:100%;max-width:850px;margin:32px auto 0;}.page-login__features-media img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;border:1px solid var(--v99-border);}.page-login__security{padding:50px 16px;background:linear-gradient(180deg,rgba(229,48,48,.06) 0%,rgba(20,12,12,0) 100%);}.page-login__security-container{max-width:1000px;margin:0 auto;text-align:center;}.page-login__security h2{color:var(--v99-gold);font-size:calc(1.2rem + .5vw);line-height:1.4;font-weight:800;margin:0 0 16px;}.page-login__security > .page-login__security-container > p{font-size:1.05rem;line-height:1.7;max-width:800px;margin:0 auto 30px;opacity:.9;}.page-login__security-list{display:flex;flex-direction:row;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;}.page-login__security-item{background:var(--v99-card-bg);border-left:4px solid var(--v99-gold);padding:20px;border-radius:8px;text-align:left;max-width:380px;flex:1 1 280px;}.page-login__security-item h3{color:var(--v99-gold);font-size:1.1rem;font-weight:700;margin:0 0 10px;}.page-login__security-item p{color:var(--v99-text-main);font-size:.95rem;line-height:1.6;margin:0;opacity:.85;}.page-login__security-image{width:100%;max-width:800px;margin:20px auto 0;}.page-login__security-image img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;border:1px solid var(--v99-border);}.page-login__partner{padding:50px 16px;}.page-login__partner-title{text-align:center;max-width:700px;margin:0 auto 36px;}.page-login__partner-title h2{color:var(--v99-gold);font-size:calc(1.2rem + .5vw);line-height:1.4;font-weight:800;margin:0 0 8px;}.page-login__partner-title h3{color:var(--v99-text-main);font-size:1rem;font-weight:500;margin:0;opacity:.8;}.page-login__partner-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 20px;justify-items:center;max-width:1100px;margin:0 auto;}.page-login__partner-logo{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;}.page-login__partner-logo img{width:100%;aspect-ratio:2/1;object-fit:contain;}.page-login__partner-logo:nth-child(5){grid-column:2;}.page-login__partner-logo:nth-child(6){grid-column:3;}.page-login__partner-btn{display:inline-block;width:100%;box-sizing:border-box;background:linear-gradient(180deg,#FFB04A 0%,#D86A14 100%);color:#fff;text-align:center;font-weight:700;font-size:.95rem;text-decoration:none;padding:12px 16px;border-radius:999px;box-shadow:0 4px 0 #9E4408;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.page-login__partner-btn:hover{transform:translateY(2px);box-shadow:0 2px 0 #9E4408;}.page-login__faq{padding:50px 16px;background:linear-gradient(180deg,rgba(229,48,48,.08) 0%,rgba(20,12,12,0) 100%);}.page-login__faq-container{max-width:900px;margin:0 auto;}.page-login__faq h2{color:var(--v99-gold);font-size:calc(1.2rem + .5vw);line-height:1.4;font-weight:800;text-align:center;margin:0 0 24px;}.page-login__faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.page-login__faq-item{background:var(--v99-card-bg);border:1px solid var(--v99-border);border-radius:12px;padding:20px;}.page-login__faq-item h3{color:var(--v99-gold);font-size:1.05rem;line-height:1.4;font-weight:700;margin-bottom:12px;}.page-login__faq-item p{color:var(--v99-text-main);font-size:.95rem;line-height:1.6;margin:0;opacity:.85;}.page-login__register-guide{background-color:var(--v99-card-bg);border-left:4px solid var(--v99-gold);margin-bottom:24px;padding:16px;border-radius:8px;}.page-login__register-guide ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;}.page-login__register-guide li{color:var(--v99-text-main);font-size:.95em;line-height:1.5;}.page-login__register-guide strong{color:var(--v99-gold);}@media (max-width:768px){.page-login__hero-banner img{aspect-ratio:16/9;}.page-login__intro{padding-top:24px;}.page-login__guide-step,.page-login__features-card,.page-login__security-item,.page-login__faq-item{max-width:100%;box-sizing:border-box;}.page-login__features-grid,.page-login__faq-grid{grid-template-columns:1fr;}.page-login__partner-logo-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px;}.page-login__partner-logo:nth-child(5),.page-login__partner-logo:nth-child(6){grid-column:auto;}.page-login__btn-login{font-size:1rem;padding:14px 24px;white-space:normal;word-wrap:break-word;}.page-login img{max-width:100%;height:auto;}.page-login__intro h1,.page-login__guide h2,.page-login__features h2,.page-login__security h2,.page-login__partner-title h2,.page-login__faq h2{font-size:1.2rem;line-height:1.3;}.page-login__faq-grid{grid-template-columns:1fr;}.page-login__partner-logo-grid{grid-template-columns:repeat(2,1fr);}}