.page-login{background-color:#08160F;color:#F2FFF6;font-family:Arial,Helvetica,sans-serif;line-height:1.6;max-width:100%;overflow-x:hidden;}
.page-login a{color:#57E38D;text-decoration:none;}
.page-login a:hover{text-decoration:underline;}
.page-login h1,.page-login h2,.page-login h3{color:#22C768;font-weight:700;line-height:1.3;margin-top:0;}
.page-login__hero-section{padding-top:10px;margin-top:0;width:100%;overflow:hidden;}
.page-login__hero-container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;}
.page-login__hero-image{width:100%;margin-bottom:24px;}
.page-login__hero-image img{width:100%;height:auto;display:block;border-radius:12px;}
.page-login__hero-content{width:100%;text-align:center;}
.page-login__hero-title{font-size:1.8rem;margin-bottom:16px;color:#F2FFF6;}
.page-login__hero-desc{font-size:1rem;color:#A7D9B8;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto;}
.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.page-login__btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:700;font-size:1rem;text-align:center;cursor:pointer;transition:opacity 0.2s ease;border:none;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;}
.page-login__btn:hover{opacity:0.9;text-decoration:none;}
.page-login__btn--primary{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#F2FFF6;}
.page-login__btn--secondary{background-color:transparent;color:#F2FFF6;border:2px solid #22C768;}
.page-login__btn--outline{background-color:transparent;color:#F2C14E;border:2px solid #F2C14E;}
.page-login__btn--full{width:100%;}
.page-login__form-section{max-width:1200px;margin:32px auto;padding:0 16px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;}
.page-login__form-wrapper{flex:1 1 400px;background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;padding:24px;box-sizing:border-box;}
.page-login__form-image{flex:1 1 300px;display:flex;align-items:center;justify-content:center;}
.page-login__form-image img{width:100%;height:auto;max-width:100%;border-radius:12px;display:block;}
.page-login__section-title{font-size:1.5rem;margin-bottom:16px;color:#22C768;text-align:center;}
.page-login__form-intro{color:#A7D9B8;margin-bottom:20px;font-size:0.95rem;}
.page-login__inline-link{color:#57E38D;text-decoration:underline;}
.page-login__form{display:flex;flex-direction:column;gap:16px;}
.page-login__field{display:flex;flex-direction:column;gap:6px;}
.page-login__label{font-weight:600;color:#F2FFF6;font-size:0.95rem;}
.page-login__input{padding:12px 14px;border-radius:8px;border:1px solid #2E7A4E;background-color:#0A4B2C;color:#F2FFF6;font-size:1rem;box-sizing:border-box;width:100%;}
.page-login__input::placeholder{color:#A7D9B8;}
.page-login__input:focus{outline:2px solid #57E38D;border-color:#57E38D;}
.page-login__field--checkbox{flex-direction:row;align-items:center;gap:8px;}
.page-login__checkbox{width:18px;height:18px;accent-color:#22C768;}
.page-login__checkbox-label{color:#A7D9B8;font-size:0.95rem;}
.page-login__form-actions{margin-top:8px;}
.page-login__form-note{color:#A7D9B8;font-size:0.85rem;margin-top:8px;}
.page-login__benefits-section{max-width:1200px;margin:32px auto;padding:0 16px;}
.page-login__benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px;}
.page-login__benefit-card{background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;}
.page-login__benefit-card img{width:100%;height:auto;border-radius:8px;margin-bottom:14px;display:block;}
.page-login__benefit-title{font-size:1.1rem;margin-bottom:8px;color:#22C768;}
.page-login__benefit-desc{color:#A7D9B8;font-size:0.9rem;margin:0;}
.page-login__guide-section{max-width:1200px;margin:32px auto;padding:0 16px;}
.page-login__guide-intro{color:#A7D9B8;margin-bottom:24px;text-align:center;}
.page-login__guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.page-login__step{background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;padding:20px;box-sizing:border-box;}
.page-login__step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#F2FFF6;font-weight:700;font-size:1.1rem;margin-bottom:14px;}
.page-login__step-title{font-size:1.05rem;margin-bottom:8px;color:#22C768;}
.page-login__step-desc{color:#A7D9B8;font-size:0.9rem;margin:0;}
.page-login__troubleshoot-section{max-width:1200px;margin:32px auto;padding:0 16px;}
.page-login__troubleshoot-intro{color:#A7D9B8;margin-bottom:24px;text-align:center;}
.page-login__troubleshoot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.page-login__troubleshoot-card{background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;padding:20px;box-sizing:border-box;}
.page-login__troubleshoot-title{font-size:1.05rem;margin-bottom:8px;color:#22C768;}
.page-login__troubleshoot-desc{color:#A7D9B8;font-size:0.9rem;margin:0;}
.page-login__security-section{max-width:1200px;margin:32px auto;padding:0 16px;}
.page-login__security-content{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:24px;}
.page-login__security-text{flex:1 1 400px;}
.page-login__security-text p{color:#A7D9B8;margin-bottom:14px;}
.page-login__security-list{list-style:disc;padding-left:20px;color:#A7D9B8;margin-bottom:14px;}
.page-login__security-list li{margin-bottom:8px;}
.page-login__security-image{flex:1 1 300px;}
.page-login__security-image img{width:100%;height:auto;border-radius:12px;display:block;}
.page-login__app-section{max-width:1200px;margin:32px auto;padding:0 16px;}
.page-login__app-content{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:24px;}
.page-login__app-image{flex:1 1 300px;}
.page-login__app-image img{width:100%;height:auto;border-radius:12px;display:block;}
.page-login__app-text{flex:1 1 400px;}
.page-login__app-text p{color:#A7D9B8;margin-bottom:14px;}
.page-login__faq-section{max-width:1200px;margin:32px auto;padding:0 16px;}
.page-login__faq-list{display:flex;flex-direction:column;gap:16px;margin-top:24px;}
.page-login__faq-item{background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;padding:20px;box-sizing:border-box;}
.page-login__faq-question{font-size:1.05rem;margin-bottom:8px;color:#22C768;cursor:pointer;}
.page-login__faq-answer{color:#A7D9B8;font-size:0.95rem;margin:0;}
.page-login__cta-section{max-width:1200px;margin:32px auto;padding:32px 16px;background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;text-align:center;box-sizing:border-box;}
.page-login__cta-title{font-size:1.5rem;margin-bottom:14px;color:#22C768;}
.page-login__cta-desc{color:#A7D9B8;margin-bottom:24px;max-width:700px;margin-left:auto;margin-right:auto;}
.page-login__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.page-login__blog-section{max-width:1200px;margin:32px auto 48px;padding:0 16px;}
.page-login__blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;}
.page-login__blog-card{background-color:#11271B;border:1px solid #2E7A4E;border-radius:12px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;}
.page-login__blog-card img{width:100%;height:auto;display:block;}
.page-login__blog-title{font-size:1.05rem;margin:14px 14px 8px;color:#22C768;}
.page-login__blog-link{color:#22C768;text-decoration:none;}
.page-login__blog-link:hover{text-decoration:underline;color:#57E38D;}
.page-login__blog-desc{color:#A7D9B8;font-size:0.9rem;margin:0 14px 16px;}
@media (max-width:768px){
  .page-login__hero-title{font-size:1.4rem;}
  .page-login__hero-actions{flex-direction:column;align-items:stretch;}
  .page-login__hero-actions .page-login__btn{width:100%;}
  .page-login__form-section{flex-direction:column;}
  .page-login__form-wrapper,.page-login__form-image{flex:1 1 auto;width:100%;}
  .page-login__benefits-grid{grid-template-columns:1fr 1fr;}
  .page-login__guide-steps{grid-template-columns:1fr 1fr;}
  .page-login__troubleshoot-grid{grid-template-columns:1fr;}
  .page-login__security-content{flex-direction:column;}
  .page-login__security-text,.page-login__security-image{width:100%;}
  .page-login__app-content{flex-direction:column;}
  .page-login__app-image,.page-login__app-text{width:100%;}
  .page-login__blog-grid{grid-template-columns:1fr;}
  .page-login__cta-actions{flex-direction:column;align-items:stretch;}
  .page-login__cta-actions .page-login__btn{width:100%;}
  .page-login img{max-width:100% !important;height:auto !important;}
  .page-login__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
}
@media (max-width:480px){
  .page-login__benefits-grid{grid-template-columns:1fr;}
  .page-login__guide-steps{grid-template-columns:1fr;}
}