.page-support{color:var(--text-main, #F3F8FF);background:var(--bg-main, #0B1A33)}.page-support a{color:inherit}.page-support img{max-width:100%;height:auto}
.page-support__hero{background:linear-gradient(180deg, #113B7A 0%, #08162B 100%);padding:10px 16px 32px}.page-support__hero-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding:0 16px}.page-support__hero-image{width:100%;order:1}.page-support__hero-image img{width:100%;aspect-ratio:17/5;object-fit:cover;display:block}.page-support__hero-content{width:100%;order:2;text-align:center}.page-support__hero-title{font-weight:800;line-height:1.2;letter-spacing:-0.01em;max-width:600px;margin:0 auto 12px;color:#F3F8FF}.page-support__hero-subtitle{font-size:1.05rem;color:#AFC4E8;max-width:600px;margin:0 auto 20px;line-height:1.6}.page-support__hero-actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-support__btn{display:inline-block;padding:12px 28px;min-height:44px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;border:none;cursor:pointer;transition:opacity .2s;box-sizing:border-box;width:100%;max-width:100%;white-space:normal;word-wrap:break-word}.page-support__btn:hover{opacity:.9}.page-support__btn--primary{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);color:#FFFFFF}.page-support__btn--ghost{background:transparent;color:#F3F8FF;border:2px solid #4FA8FF}.page-support__btn--guide{max-width:400px}
.page-support__quick-links{padding:40px 16px}.page-support__section-header{text-align:center;margin-bottom:28px;padding:0 16px}.page-support__section-title{font-weight:800;color:#F3F8FF;line-height:1.3;margin:0 0 8px}.page-support__section-subtitle{color:#AFC4E8;max-width:700px;margin:0 auto;line-height:1.6}.page-support__quick-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1200px;margin:0 auto;justify-items:center}
.page-support__quick-card{display:flex;flex-direction:column;background:var(--card-bg, #10233F);border:1px solid var(--card-border, #244D84);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;width:100%;max-width:280px;transition:transform .2s ease, box-shadow .2s ease;box-shadow:0 4px 20px rgba(0,0,0,.2)}.page-support__quick-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(79,168,255,.2)}.page-support__quick-card>img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.page-support__quick-title{font-size:1.25rem;font-weight:700;color:#F3F8FF;margin:12px 16px 4px;line-height:1.4;text-align:left}.page-support__quick-desc{font-size:.9rem;color:#AFC4E8;margin:0 16px 16px;line-height:1.5;text-align:left}
.page-support__guide-section,.page-support__faq-section,.page-support__contact-banner{padding:0 16px 24px}.page-support__guide-item{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:16px;background:var(--section-bg, #0B1A33);border-radius:16px}.page-support__guide-text{flex:1;padding:0 16px}.page-support__guide-title{font-weight:800;color:#F3F8FF;line-height:1.3;margin:0 0 16px}.page-support__guide-desc{line-height:1.7;color:#AFC4E8;margin-bottom:12px}.page-support__guide-list{list-style:disc;padding-left:20px;color:#AFC4E8;line-height:1.8;margin-bottom:16px}.page-support__guide-steps{display:flex;flex-direction:column;gap:16px;margin:16px 0}.page-support__guide-step{display:flex;gap:12px}.page-support__step-num{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#1D5FD1;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.page-support__step-text{line-height:1.6;color:#AFC4E8;margin:0}.page-support__guide-visual{flex:1;padding:0 16px 16px}.page-support__guide-figure{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:8px}.page-support__guide-more{color:#AFC4E8;line-height:1.6}.page-support__link{color:#8DBDFF;text-decoration:underline}.page-support__link:hover{color:#fff;text-decoration-color:#4FA8FF}.page-support__link--inline{display:inline-block;margin-top:8px;text-decoration:none;font-weight:600}
.page-support__faq-section{padding-bottom:48px}.page-support__faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.page-support__faq-item{background:var(--card-bg, #10233F);border:1px solid var(--card-border, #244D84);border-radius:8px;overflow:hidden}.page-support__faq-question{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;font-weight:700;color:#F3F8FF;cursor:pointer;line-height:1.4}.page-support__faq-question::-webkit-details-marker{display:none}.page-support__faq-icon{flex:0 0 auto;width:24px;height:24px;background:#1D5FD1;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.page-support__faq-answer{padding:0 16px 16px;color:#AFC4E8;line-height:1.7;border-top:1px solid #1B3357;margin-top:0}.page-support__faq-item[open] .page-support__faq-icon{transform:rotate(45deg);transition:transform .2s}
.page-support__contact-banner{background:linear-gradient(180deg, #113B7A 0%, #08162B 100%);padding:40px 16px}.page-support__contact-banner-inner{max-width:800px;margin:0 auto;text-align:center;padding:0 16px}.page-support__contact-title{color:#F3F8FF;font-weight:800;margin:0 0 12px;line-height:1.3}.page-support__contact-desc{color:#AFC4E8;line-height:1.6;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.page-support__contact-actions{display:flex;flex-direction:column;align-items:center;gap:12px}
@media (max-width: 1024px){.page-support__hero-image img{aspect-ratio:16/6}.page-support__hero-title{font-size:clamp(1.6rem, 3.5vw, 2.6rem)}.page-support__section-title{font-size:clamp(1.5rem, 3vw, 2rem)}.page-support__guide-title{font-size:clamp(1.3rem, 2.5vw, 1.9rem)}.page-support__btn{width:auto;min-width:260px;max-width:100%}.page-support__hero-actions,.page-support__contact-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}}
@media (max-width: 768px){.page-support__hero{padding-top:8px}.page-support__hero-image img{aspect-ratio:2/1}.page-support__hero-title{font-size:clamp(1.3rem, 4vw, 1.8rem);word-break:break-word}.page-support__hero-actions,.page-support__contact-actions{flex-direction:column}.page-support__btn{width:100%;max-width:100%;box-sizing:border-box}.page-support__quick-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-support__quick-card{max-width:none;width:100%;min-width:0}.page-support img{max-width:100%!important;height:auto!important}.page-support__guide-text,.page-support__guide-visual{padding:0 8px 8px}.page-support__guide-section{padding-bottom:16px}}
@media (max-width: 480px){.page-support__quick-grid{grid-template-columns:1fr}}