/* style/support.css */
.page-support{font-family:Arial,Helvetica,sans-serif;color:#212529;background:#FFFFFF;--support-primary:#26A9E0;--support-secondary:#FFFFFF;--support-accent:#EA7C07;--support-dark:#212529;line-height:1.65;}
.page-support *{box-sizing:border-box;}
.page-support__hero-section{display:flex;flex-direction:column;align-items:center;padding:10px 20px 40px;background:linear-gradient(180deg,#eaf7fd 0%,#FFFFFF 100%);}
.page-support__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto;}
.page-support__hero-image{display:block;width:100%;max-width:100%;height:auto;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.12);}
.page-support__hero-content{width:100%;max-width:1000px;margin:24px auto 0;text-align:center;}
.page-support__hero-title{font-weight:800;line-height:1.25;letter-spacing:0.2px;color:#0b3a52;margin:0 0 16px;}
.page-support__hero-desc{font-size:1.05rem;color:#333333;margin:0 0 24px;}
.page-support__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.page-support__btn{display:inline-block;padding:14px 26px;border-radius:40px;font-weight:700;text-decoration:none;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease;text-align:center;}
.page-support__btn--primary{background:#26A9E0;color:#FFFFFF;box-shadow:0 6px 16px rgba(38,169,224,0.35);}
.page-support__btn--secondary{background:#FFFFFF;color:#0b3a52;border:2px solid #26A9E0;}
.page-support__btn--accent{background:#EA7C07;color:#FFFFFF;box-shadow:0 6px 16px rgba(234,124,7,0.35);}
.page-support__btn:hover{transform:translateY(-2px);}
.page-support__section-title{font-size:1.9rem;font-weight:800;color:#0b3a52;text-align:center;margin:0 0 30px;}
.page-support__text{color:#343a40;font-size:1rem;margin:0 0 14px;}
.page-support__intro-section{padding:50px 20px;background:#FFFFFF;}
.page-support__intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1200px;margin:34px auto 0;}
.page-support__intro-card{background:#f7fcff;border:1px solid #d8eefb;border-radius:16px;padding:22px;box-shadow:0 6px 18px rgba(38,169,224,0.08);display:flex;flex-direction:column;}
.page-support__intro-img{width:100%;max-width:100%;height:auto;border-radius:12px;margin-bottom:16px;}
.page-support__intro-heading{font-size:1.2rem;font-weight:700;color:#0b3a52;margin:0 0 10px;}
.page-support__link{color:#26A9E0;font-weight:700;text-decoration:none;margin-top:auto;}
.page-support__link:hover{text-decoration:underline;}
.page-support__guide-section{padding:50px 20px;background:#f2fafe;}
.page-support__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto;}
.page-support__guide-item{background:#FFFFFF;border-left:6px solid #26A9E0;border-radius:12px;padding:20px;box-shadow:0 4px 14px rgba(0,0,0,0.06);}
.page-support__guide-heading{font-size:1.08rem;font-weight:700;color:#0b3a52;margin:0 0 10px;}
.page-support__faq-section{padding:50px 20px;background:#FFFFFF;}
.page-support__faq-list{max-width:900px;margin:0 auto;}
.page-support__faq-item{border:1px solid #cfe9f6;border-radius:12px;margin-bottom:14px;overflow:hidden;background:#f9fdff;}
.page-support__faq-question{width:100%;background:none;border:none;padding:18px 20px;font-size:1.02rem;font-weight:700;color:#0b3a52;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.page-support__faq-icon{font-size:1.3rem;color:#26A9E0;flex-shrink:0;}
.page-support__faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px;}
.page-support__faq-item.is-open .page-support__faq-answer{max-height:300px;padding:0 20px 18px;}
.page-support__cta-section{padding:56px 20px;background:linear-gradient(135deg,#26A9E0 0%,#0b7fb0 100%);text-align:center;}
.page-support__cta-title{font-size:1.8rem;font-weight:800;color:#FFFFFF;margin:0 0 16px;}
.page-support__cta-desc{color:#eaf7fd;max-width:820px;margin:0 auto 28px;font-size:1.03rem;}
.page-support__cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
@media (max-width:1024px){.page-support__intro-grid{grid-template-columns:repeat(2,1fr);}.page-support__guide-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px){.page-support{padding-top:0;max-width:100%;overflow-x:hidden;}
.page-support img{max-width:100% !important;height:auto !important;}
.page-support__hero-section{padding:10px 14px 30px;}
.page-support__hero-content{margin-top:18px;}
.page-support__hero-actions{flex-direction:column;width:100%;}
.page-support__btn{width:100%;max-width:100%;padding:14px 18px;}
.page-support__section-title{font-size:1.45rem;}
.page-support__intro-grid,.page-support__guide-grid{grid-template-columns:1fr;gap:18px;}
.page-support__intro-card,.page-support__guide-item{padding:18px;}
.page-support__cta-actions{flex-direction:column;width:100%;}
.page-support__faq-question{font-size:0.98rem;padding:16px;}
}