.page-blog{background-color:var(--color-bg);color:#333333;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.page-blog *{box-sizing:border-box}.page-blog__hero-section{display:flex;flex-direction:column;padding-top:10px;background:linear-gradient(180deg,#ffffff 0%,#F5F7FA 100%)}.page-blog__hero-image,.page-blog__hero-content{width:100%;max-width:1200px;margin:0 auto}.page-blog__hero-image img{width:100%;height:auto;aspect-ratio:1200/350;object-fit:cover;display:block;border-radius:16px}.page-blog__hero-content{padding:28px 16px 36px;text-align:center}.page-blog__hero-content h1{font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:#222222;max-width:900px;margin:0 auto 12px}.page-blog__hero-content p{font-size:1.06rem;line-height:1.7;color:#555555;max-width:760px;margin:0 auto 24px}.page-blog__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-blog__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:999px;font-weight:700;font-size:0.98rem;text-decoration:none;transition:opacity .2s ease,transform .2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;line-height:1.3}.page-blog__btn:hover{opacity:.9;transform:translateY(-1px)}.page-blog__btn--primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;border:1px solid #E53935}.page-blog__btn--outline{background:#ffffff;color:#E53935;border:2px solid #E53935}.page-blog__features-section{background:#ffffff;padding:48px 16px}.page-blog__section-header{text-align:center;margin-bottom:40px}.page-blog__section-header h2{font-size:clamp(1.45rem,1.1rem + 1vw,2rem);font-weight:800;color:#222222;margin:0 0 10px}.page-blog__section-header p{font-size:1rem;color:#666666;max-width:600px;margin:0 auto}.page-blog__feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.page-blog__feature-card{background:#ffffff;border:1px solid #E0E0E0;border-radius:14px;padding:28px 22px 22px;text-align:left;transition:box-shadow .25s ease,transform .25s ease}.page-blog__feature-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.07);transform:translateY(-3px)}.page-blog__feature-card h3{font-size:1.12rem;font-weight:700;color:#333333;margin:0 0 12px}.page-blog__feature-card p{font-size:.9rem;line-height:1.65;color:#555555;margin:0 0 16px}.page-blog__feature-link{color:#E53935;font-weight:700;font-size:.9rem;text-decoration:none}.page-blog__feature-link:hover{text-decoration:underline}.page-blog__articles-section{background:#F5F7FA;padding:48px 16px}.page-blog__articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.page-blog__article-card{background:#ffffff;border:1px solid #E0E0E0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.page-blog__article-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.07);transform:translateY(-3px)}.page-blog__article-image img{width:100%;height:auto;aspect-ratio:400/200;object-fit:cover;display:block}.page-blog__article-content{padding:20px 20px 24px;display:flex;flex-direction:column;flex-grow:1}.page-blog__article-tag{display:inline-block;align-self:flex-start;background:rgba(229,57,53,.09);color:#E53935;font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:10px}.page-blog__article-content h3{font-size:1.05rem;font-weight:700;line-height:1.45;color:#222222;margin:0 0 8px}.page-blog__article-content h3 a{color:inherit;text-decoration:none}.page-blog__article-content h3 a:hover{color:#E53935}.page-blog__article-content time{font-size:.8rem;color:#888888;margin-bottom:10px}.page-blog__article-content p{font-size:.88rem;line-height:1.6;color:#555555;margin:0}.page-blog__list-more{text-align:center;margin-top:36px}.page-blog__guide-section{background:#ffffff;padding:48px 16px}.page-blog__guide-inner{max-width:1000px;margin:0 auto;padding:0}.page-blog__guide-inner>h2{font-size:clamp(1.45rem,1.1rem + 1vw,2rem);font-weight:800;color:#222222;text-align:center;margin:0 0 40px}.page-blog__guide-step{display:flex;align-items:flex-start;gap:20px;margin-bottom:40px}.page-blog__guide-step img{width:200px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:10px;flex-shrink:0}.page-blog__guide-step h3{font-size:1.1rem;font-weight:700;color:#333333;margin:0 0 8px}.page-blog__guide-step p{font-size:.92rem;line-height:1.65;color:#555555;margin:0}.page-blog__promo-section{background:linear-gradient(180deg,#E53935 0%,#FF5A4F 100%);padding:48px 16px;color:#ffffff}.page-blog__promo-inner{max-width:720px;margin:0 auto;text-align:center;width:100%;max-width:720px}.page-blog__promo-inner h2{font-size:clamp(1.4rem,1.05rem + 1vw,1.9rem);font-weight:800;line-height:1.3;margin:0 0 12px}.page-blog__promo-inner p{font-size:1rem;line-height:1.65;color:#ffffff;opacity:.95;margin:0 0 24px}.page-blog__promo-inner .page-blog__btn--primary{background:#ffffff;color:#E53935;border:1px solid #ffffff}.page-blog__promo-inner .page-blog__btn--primary:hover{background:#fff1f0}.page-blog .page-blog__hero-content a,.page-blog .page-blog__promo-inner a{box-sizing:border-box;max-width:100%}@media (max-width:1024px){.page-blog__feature-grid{grid-template-columns:repeat(2,1fr)}.page-blog__articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-blog__hero-section{padding-top:10px}.page-blog__hero-image img{aspect-ratio:800/400}.page-blog__hero-content{padding-top:20px}.page-blog__hero-content h1{font-size:1.5rem}.page-blog__hero-content p{font-size:.95rem}.page-blog__hero-actions{flex-direction:column;align-items:center;gap:12px}.page-blog__btn{width:100%;max-width:320px}.page-blog__feature-grid{grid-template-columns:1fr}.page-blog__articles-grid{grid-template-columns:1fr}.page-blog__guide-step{flex-direction:column;align-items:flex-start;gap:12px}.page-blog__guide-step img{width:100%;max-width:100%;height:auto;aspect-ratio:2/1}.page-blog img{max-width:100%;height:auto}.page-blog__feature-card,.page-blog__article-card{max-width:100%;overflow:hidden}.page-blog__promo-inner h2{font-size:1.3rem}.page-blog__list-more .page-blog__btn{width:auto;max-width:100%}}