.page-blog{--text-main:#FFF6D6;--card-bg:#111111;--btn-gradient:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);--glow:#FFD36B;}
.page-blog{background:#0A0A0A;color:var(--text-main);line-height:1.6;font-family:'Segoe UI',system-ui,sans-serif}
.page-blog__hero-section{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;align-items:center;padding:10px 16px;box-sizing:border-box}
.page-blog__hero-image{width:100%}
.page-blog__hero-image img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block;border-radius:20px;box-shadow:0 0 25px rgba(242,193,78,.15)}
.page-blog__hero-content{width:100%;text-align:center;padding-top:24px;padding-bottom:10px}
.page-blog__main-title{color:#F2C14E;font-weight:800;line-height:1.25;letter-spacing:.3px;max-width:900px;margin:6px auto 12px}
.page-blog__hero-desc{color:var(--text-main);opacity:.85;font-size:1.02rem;max-width:850px;margin:0 auto 24px}
.page-blog__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}
.page-blog__cta-button{background:var(--btn-gradient);color:#1a1a1a;padding:12px 26px;border-radius:999px;font-weight:800;text-decoration:none;white-space:normal;word-wrap:break-word;text-align:center;display:inline-block;transition:transform .2s ease,box-shadow .2s ease;font-size:.95rem;max-width:100%;box-sizing:border-box}
.page-blog__cta-button--secondary{background:#3a1d8f;color:#ffffff;border:1px solid #a8a8a8}
.page-blog__cta-button:hover{box-shadow:0 0 15px rgba(255,211,107,.6);transform:scale(1.03)}
.page-blog__container{max-width:1200px;margin:0 auto;padding:28px 16px}
.page-blog__section-title{text-align:center;color:#F2C14E;font-weight:800;font-size:1.9rem;margin:0 0 8px}
.page-blog__section-title--left{text-align:left}
.page-blog__category-section{width:100%}
.page-blog__category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.page-blog__category-card{background:var(--card-bg);border-radius:15px;overflow:hidden;border:1px solid #3A2A12;box-shadow:0 8px 20px rgba(0,0,0,0.5);display:flex;flex-direction:column;transition:transform .2s ease;padding-bottom:15px}
.page-blog__category-card:hover{transform:translateY(-5px)}
.page-blog__category-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.page-blog__category-title{color:#F2C14E;margin:14px 14px 4px;font-size:1.2rem}
.page-blog__category-text{color:var(--text-main);opacity:.7;font-size:.95rem;margin:0 14px 14px;flex:1}
.page-blog__category-link{background:transparent;border:2px solid #DDA11D;color:#FFD36B;padding:8px 16px;border-radius:999px;text-decoration:none;font-weight:700;margin:0 14px 10px;display:inline-block;text-align:center;transition:.2s;max-width:calc(100% - 40px);box-sizing:border-box}
.page-blog__category-link:hover{background:#DDA11D;color:#111}
.page-blog__featured-section{width:100%}
.page-blog__featured-grid{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.page-blog__featured-content{flex:1;min-width:300px}
.page-blog__featured-title{color:var(--text-main);font-weight:700;font-size:1.25rem;line-height:1.5;margin:16px 0;border-left:4px solid #F2C14E;padding-left:14px}
.page-blog__featured-desc{color:var(--text-main);opacity:.8}
.page-blog__featured-link{color:#F2C14E;font-weight:700;text-decoration:none;font-size:1.05rem}
.page-blog__featured-image{flex:1;min-width:280px}
.page-blog__featured-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.page-blog__post-section{width:100%;background-color:rgba(255,255,255,.02);border-top:1px solid #3A2A12;border-bottom:1px solid #3A2A12}
.page-blog__section-title--left{text-align:left}
.page-blog__post-description{text-align:center;color:var(--text-main);opacity:.7;max-width:750px;margin:0 auto 32px}
.page-blog__card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.page-blog__post-card{background:var(--card-bg);border-radius:16px;overflow:hidden;display:block;color:inherit;text-decoration:none;border:1px solid #2a2a2a;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:20px}
.page-blog__post-card:hover{box-shadow:0 6px 25px rgba(242,193,78,.2);transform:translateY(-6px)}
.page-blog__post-card img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.page-blog__post-card-content{padding:18px}
.page-blog__tag{background:#3A2A12;color:#FFD36B;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:20px}
.page-blog__post-card-title{color:#FFF6D6;font-size:1.2rem;margin-top:10px}
.page-blog__post-excerpt{color:#bbb;font-size:.9rem;margin-top:8px}
.page-blog__view-all-container{display:flex;justify-content:center;margin-top:24px}
.page-blog__view-all-button{background:var(--btn-gradient);color:black;font-weight:bold;padding:12px 26px;border-radius:30px;text-decoration:none;border:none;cursor:pointer;display:inline-block;transition:.2s}
.page-blog__view-all-button:hover{opacity:.85}
.page-blog__guide-section{width:100%}
.page-blog__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px;width:calc(100% - 32px)}
.page-blog__guide-title{text-align:center;color:#F2C14E;font-weight:800;font-size:1.8rem}
.page-blog__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:center;margin-top:30px}
.page-blog__guide-step{background:var(--card-bg);color:var(--text-main);padding:24px;border-radius:16px;height:100%;border:1px solid #3A2A12}
.page-blog__step-number{display:flex;justify-content:center;align-items:center;width:46px;height:46px;background:var(--btn-gradient);color:white;border-radius:50%;font-weight:bold;font-size:1.3rem;margin-bottom:12px}
.page-blog__step-title{color:white;font-weight:800;font-size:1.22rem}
.page-blog__step-text{color:#ccc;font-size:.9rem;margin:6px 0 0}
.page-blog__guide-image{width:100%}
.page-blog__guide-image img{width:100%;max-width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:16px}
.page-blog__faq-item{background:#111;border:1px solid #3A2A12;padding:16px;border-radius:12px;margin-bottom:15px}
.page-blog__faq-question{list-style:none;color:#F2C14E;font-weight:800;display:flex;justify-content:space-between;align-items:center;font-size:1.15rem}
.page-blog__faq-question::-webkit-details-marker{display:none}
.page-blog__faq-answer{color:#ddd;margin-top:16px;padding-top:12px;border-top:1px solid #3A2A12}
.page-blog__app-banner-section{width:100%}
.page-blog__app-banner{max-width:1200px;margin:0 auto;padding:12px 16px 62px;text-align:center}
.page-blog__app-banner-title{color:#F2C14E;font-weight:800;font-size:1.8rem}
.page-blog__app-banner-desc{color:var(--text-main);opacity:.75;max-width:780px;margin:8px auto 30px}
.page-blog__app-banner-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;padding:0 10px}
.page-blog__app-button{background:#1b1611;border:1px solid #F2C14E;color:#F2C14E;padding:14px 34px;font-weight:bold;border-radius:999px;text-decoration:none;font-size:1rem;transition:.2s;display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}
.page-blog__app-button--primary{background:var(--btn-gradient);border:none;color:#111;font-weight:bold}
.page-blog__app-button:hover{color:white;background:#F2C14E;border-color:#F2C14E;color:#111}
.page-blog__app-button--primary:hover{box-shadow:0 0 20px rgba(255,211,107,.5)}
@media (max-width:1024px){
    .page-blog__category-grid{grid-template-columns:repeat(3,1fr);gap:16px}
    .page-blog__guide-grid{display:grid;grid-template-columns:1fr}
}
@media (max-width:768px){
    .page-blog__hero-section{flex-direction:column}
    .page-blog__hero-image{width:100%;padding:0}
    .page-blog__hero-image img{aspect-ratio:21/9;border-radius:12px}
    .page-blog__hero-content{padding-top:10px}
    .page-blog__main-title{font-size:clamp(1.3rem,2vw,1.8rem)}
    .page-blog__category-grid{grid-template-columns:1fr 1fr}
    .page-blog__featured-grid{flex-direction:column;padding:16px 16px 28px}
    .page-blog__featured-content{padding-right:0;min-width:100%;flex:none}
    .page-blog__card-grid{grid-template-columns:1fr}
    .page-blog__guide-grid{grid-template-columns:1fr;margin-top:20px}
    .page-blog__guide-image img,.page-blog img{max-width:100%!important;height:auto!important}
    .page-blog__btn,.page-blog a{max-width:100%}
}
@media (max-width:480px){
    .page-blog__category-grid{grid-template-columns:1fr}
    .page-blog__hero-actions{flex-direction:column;width:100%}
    .page-blog__cta-button{width:100%;text-align:center;box-sizing:border-box}
    .page-blog__app-banner-actions{flex-direction:column;width:100%}
    .page-blog__app-button{width:100%;text-align:center}
}