.page-blog{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#333333;background-color:#FFFFFF;line-height:1.6}.page-blog a{text-decoration:none;color:inherit}.page-blog__hero-section{width:100%;background-color:#f0f2f1;padding-top:10px;margin-top:0}.page-blog__hero-background{max-width:1200px;margin:0 auto;padding:0 16px;width:100%;box-sizing:border-box}.page-blog__hero-image{display:block;width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;border-radius:12px}.page-blog__intro-section{width:100%;background-color:#FFFFFF;padding:32px 16px 24px;box-sizing:border-box}.page-blog__intro-container{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center}.page-blog__intro-content h1{font-size:clamp(1.5rem, 0.7rem + 2.5vw, 2rem);font-weight:800;color:#017439;margin:0 0 12px;letter-spacing:-0.02em}.page-blog__intro-content p{max-width:900px;margin:0 auto;font-size:1rem;color:#444444}.page-blog__featured-section{width:100%;background-color:#f6f9f7;padding:32px 16px;box-sizing:border-box}.page-blog__featured-container{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-blog__featured-card{display:flex;gap:24px;background-color:#FFFFFF;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.08);overflow:hidden;flex-wrap:wrap}.page-blog__featured-image-wrapper{flex:1 1 300px;max-width:100%}.page-blog__featured-image{display:block;width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;max-width:100%}.page-blog__featured-content-block{flex:1 1 350px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.page-blog__featured-category{display:inline-block;background-color:#017439;color:#FFFFFF;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}.page-blog__featured-title{margin:0 0 12px}.page-blog__featured-title a{font-size:clamp(1.2rem, 0.8rem + 1.5vw, 1.7rem);color:#222222;font-weight:700}.page-blog__featured-title a:hover{color:#017439}.page-blog__featured-excerpt{font-size:1rem;color:#555555;flex-grow:1}.page-blog__button--register a,.page-blog__button--login a{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:700;font-size:1rem;text-align:center;cursor:pointer;transition:all 0.2s ease;color:#FFFF00}.page-blog__button--register a{background-color:#C30808;border:2px solid #C30808}.page-blog__button--register a:hover{opacity:0.85}.page-blog__button--login a{background-color:#C30808;border:2px solid #C30808}.page-blog__button--login a:hover{opacity:0.85}.page-blog__latest-section{width:100%;background-color:#FFFFFF;padding:40px 16px;box-sizing:border-box}.page-blog__latest-container{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-blog__latest-header{text-align:center;margin-bottom:32px}.page-blog__latest-header h2{font-size:clamp(1.4rem, 0.8rem + 2vw, 1.9rem);color:#017439;margin:0 0 8px;font-weight:800}.page-blog__latest-header p{font-size:1rem;color:#666666;margin:0}.page-blog__latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.page-blog__latest-card{background-color:#FFFFFF;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.08);display:flex;flex-direction:column}
.page-blog__latest-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.12)}.page-blog__latest-image{display:block;width:100%;height:200px;object-fit:cover}.page-blog__latest-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.page-blog__latest-date{font-size:0.85rem;color:#888888;margin-bottom:8px}.page-blog__latest-info h3{margin:0 0 10px}.page-blog__latest-info h3 a{font-size:1.1rem;color:#222222;font-weight:700}.page-blog__latest-info h3 a:hover{color:#017439}.page-blog__latest-info p{flex-grow:1;font-size:0.9rem;color:#666666;margin:0 0 16px}.page-blog__read-more{font-weight:700;font-size:0.9rem;color:#017439}.page-blog__read-more:hover{text-decoration:underline}.page-blog__cta-section{width:100%;padding:40px 16px;box-sizing:border-box}.page-blog__cta-banner{background:linear-gradient(135deg, #017439 0%, #014d26 100%);border-radius:20px;max-width:1200px;margin:0 auto;padding:48px 32px;text-align:center;box-sizing:border-box;width:100%}.page-blog__cta-content h2{font-size:clamp(1.5rem, 0.9rem + 2vw, 2rem);color:#FFFFFF;margin:0 0 12px;font-weight:800}.page-blog__cta-content p{font-size:1.05rem;color:#e0f2e8;max-width:800px;margin:0 auto 24px}.page-blog__cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px}.page-blog__cta-button{display:inline-block;font-size:1rem;padding:0;border:none;border-radius:8px;cursor:pointer}.page-blog__cta-button a{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:700;color:#FFFF00;font-size:1rem}.page-blog__cta-button:first-child a{background-color:#C30808}.page-blog__cta-button:last-child a{background-color:#C30808}.page-blog__cta-button:hover{opacity:0.9}.page-blog__guide-section{width:100%;background-color:#f6f9f7;padding:48px 16px;box-sizing:border-box}.page-blog__guide-inner{max-width:1200px;margin:0 auto;text-align:center;width:100%;box-sizing:border-box}.page-blog__guide-inner>h2{font-size:clamp(1.4rem, 0.8rem + 2vw, 1.9rem);color:#017439;margin:0 0 8px;font-weight:800}.page-blog__guide-inner>p{font-size:1rem;color:#666666;max-width:700px;margin:0 auto 32px}.page-blog__guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:24px}.page-blog__guide-item{background:#FFFFFF;border-radius:12px;padding:16px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,0.07);display:flex;flex-direction:column}
.page-blog__guide-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.1)}.page-blog__guide-image-wrapper{width:100%;overflow:hidden;border-radius:8px;margin-bottom:16px}.page-blog__guide-image{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}.page-blog__guide-content h3{font-size:1.1rem;color:#222222;font-weight:700;margin:0 0 8px}.page-blog__guide-content p{font-size:0.9rem;color:#666666;flex-grow:1;margin:0 0 16px}.page-blog__guide-link{color:#017439;font-weight:700;font-size:0.9rem}.page-blog__guide-link:hover{text-decoration:underline}.page-blog__promotion-grid{max-width:1200px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;box-sizing:border-box;width:100%}.page-blog__promotion-item{background-color:#FFFFFF;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);text-align:center;display:block;transition:transform 0.2s ease} 
.page-blog__promotion-item:hover{transform:scale(1.02)}.page-blog__promotion-image{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.page-blog__promotion-title{display:block;padding:12px 8px;font-weight:700;font-size:0.9rem;color:#222222}.page-blog__promotion-title:hover{color:#017439}.page-blog img{max-width:100%;height:auto;color:#555}.page-blog h1,.page-blog h2,.page-blog h3,.page-blog h4 {padding:0;box-sizing:border-box}
@media (max-width: 768px){
  .page-blog__hero-section{padding-top:0}.page-blog__hero-image{aspect-ratio:2/1;max-width:100%;height:auto}
  .page-blog__intro-section{padding:24px 16px}
  .page-blog__featured-card{flex-direction:column;gap:12px}
  .page-blog__featured-content-block{padding:20px;align-items:center}
  .page-blog__featured-title{text-align:center}.page-blog__featured-excerpt{text-align:center}
  .page-blog__latest-info{text-align:left}
  .page-blog__cta-actions{flex-direction:column;align-items:center}.page-blog__cta-button{max-width:100%;width:auto}
  .page-blog__cta-button a{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;display:block;text-align:center}
  .page-blog__guide-inner{text-align:center}
  .page-blog__cta-content p{text-align:center}
  .page-blog__cta-banner{padding:40px 16px}
  .page-blog__guide-grid{grid-template-columns:1fr;gap:20px}
  .page-blog img{max-width:100% !important;height:auto !important}
  .page-blog__button--register a,.page-blog__button--login a{display:block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
}