.page-blog{--primary:#26A9E0;--secondary:#FFFFFF;--accent:#0477DB;--text:#333333;--bg:#FFFFFF;color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.6}
.page-blog__hero-section{display:flex;flex-direction:column;align-items:center;padding:10px 0 0;background:linear-gradient(180deg,#E8F7FE 0%,#FFFFFF 100%)}
.page-blog__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px}
.page-blog__hero-content{width:100%;max-width:900px;margin:0 auto;padding:24px 16px;text-align:center}
.page-blog__hero-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.3;color:var(--text);margin:0 0 12px}
.page-blog__hero-description{font-size:1.05rem;font-weight:400;color:var(--text);max-width:780px;margin:0 auto 24px}
.page-blog__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-blog__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}
.page-blog__btn--primary{background:var(--accent);color:#FFFFFF}
.page-blog__btn--primary:hover{background:#0568C0}
.page-blog__btn--secondary{background:#EA7C07;color:#FFFFFF}
.page-blog__btn--secondary:hover{background:#D16E03}
.page-blog__btn--large{padding:14px 36px;font-size:1.1rem}
.page-blog__latest-section{padding:32px 16px}
.page-blog__section-header{text-align:center;margin-bottom:28px}
.page-blog__section-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;color:var(--text);margin:0 0 6px}
.page-blog__section-subtitle{font-size:1rem;color:var(--text);opacity:0.8}
.page-blog__featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1100px;margin:0 auto}
.page-blog__card{background:#FFFFFF;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);overflow:hidden}
.page-blog__card--featured{grid-column:1 / -1}
.page-blog__card-link{display:block;text-decoration:none;color:inherit}
.page-blog__card-body{padding:16px}
.page-blog__card-badge{display:inline-block;background:var(--primary);color:#FFFFFF;padding:4px 12px;border-radius:999px;font-size:0.8rem;font-weight:600;margin-bottom:8px}
.page-blog__card-title{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 8px}
.page-blog__card-excerpt{font-size:0.95rem;color:var(--text);opacity:0.85;margin:0 0 12px}
.page-blog__card-meta{font-size:0.85rem;color:var(--text);opacity:0.6}
.page-blog__card-image{width:100%;height:auto;object-fit:cover}
.page-blog__promo-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;max-width:1100px;margin:0 auto;padding:32px 16px;background:linear-gradient(135deg,#E8F7FE,#FFFFFF);border-radius:20px}
.page-blog__promo-image{width:100%;height:auto;object-fit:cover;border-radius:12px}
.page-blog__promo-content{padding:16px}
.page-blog__promo-title{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:var(--text);margin:0 0 12px}
.page-blog__promo-text{font-size:1rem;color:var(--text);margin:0 0 20px}
.page-blog__guide-section{padding:32px 16px 16px}
.page-blog__guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto}
.page-blog__guide-item{background:#F5F9FC;border-radius:16px;padding:20px 16px;text-align:center}
.page-blog__guide-step{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#FFFFFF;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.page-blog__guide-image{width:100%;max-width:200px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px;object-position:center}
.page-blog__guide-title{font-size:1rem;font-weight:700;color:var(--text);margin:12px 0 8px}
.page-blog__guide-text{font-size:0.9rem;color:var(--text);opacity:0.8}
.page-blog__faq-section{padding:32px 16px}
.page-blog__faq-item{background:#F5F9FC;border-radius:12px;margin-bottom:12px;padding:0;border:none}
.page-blog__faq-question{list-style:none;padding:16px 20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:1rem;color:var(--text)}
.page-blog__faq-question::-webkit-details-marker{display:none}
.page-blog__faq-toggle{font-size:1.4rem;font-weight:400;color:var(--accent)}
.page-blog__faq-answer{padding:0 20px 16px;font-size:0.95rem;color:var(--text);opacity:0.85}
.page-blog__partner-section{padding:16px 16px 40px}
.page-blog__partner-title{text-align:center;font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:16px}
.page-blog__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;max-width:1100px;margin:0 auto;place-items:center}
.page-blog__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:220px}
.page-blog__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}
.page-blog__logo-cta{padding:10px 24px;border-radius:999px;background:var(--accent);color:#FFFFFF;font-weight:700;text-decoration:none;display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-blog__logo-cta:hover{background:#0568C0}
@media (max-width:768px){.page-blog__hero-section{padding-top:8px}.page-blog__hero-image{aspect-ratio:2/1}.page-blog__hero-content{padding:16px 12px}.page-blog__hero-actions{gap:8px}.page-blog__hero-title{font-size:1.2rem}.page-blog__featured-grid{grid-template-columns:1fr}.page-blog__card--featured{grid-column:auto}.page-blog__promo-section{grid-template-columns:1fr}.page-blog__guide-grid{grid-template-columns:repeat(2,1fr)}.page-blog__logo-grid{grid-template-columns:repeat(2,1fr)}.page-blog__logo-item:nth-child(5),.page-blog__logo-item:nth-child(6){grid-column:auto}.page-blog img{max-width:100%!important;height:auto!important}.page-blog__btn{width:100%}.page-blog__btn--large{width:100%}}