.support-page-main { padding-top: 78px; }
.support-hero { padding: 105px 0 76px; color: var(--white); background: radial-gradient(circle at 82% 15%, rgba(91,196,241,.2), transparent 30%), linear-gradient(118deg, var(--navy-deep), var(--navy) 62%, #064797); }
.support-hero h1 { max-width: 850px; }
.support-hero p:last-child { max-width: 690px; margin: 0; color: #d4e1ed; font-size: 1.12rem; }
.support-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; }
.support-card { min-height: 360px; padding: 42px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--line); border-radius: 20px; background: var(--white); box-shadow: 0 18px 45px rgba(19,18,45,.07); }
.support-card:first-child { border-color: #cce2f0; background: linear-gradient(145deg, var(--blue-pale), #fff 62%); }
.support-card-icon { width: 56px; height: 56px; margin-bottom: 40px; display: grid; place-items: center; color: var(--white); background: linear-gradient(145deg, var(--blue-bright), var(--navy)); border-radius: 17px 17px 17px 6px; font-size: 1.35rem; font-weight: 850; }
.support-card h2 { margin-bottom: 16px; font-size: clamp(2rem,3vw,2.8rem); }
.support-card p { color: var(--muted); }
.support-card .button, .support-card .support-pending { margin-top: auto; }
.support-pending { min-height: 50px; padding: 0 20px; display: inline-flex; align-items: center; color: #6f7787; border: 1px solid #d6dbe3; border-radius: 8px; background: #f0f2f5; font-size: .85rem; font-weight: 750; }
.support-note { margin-top: 30px; padding: 26px 30px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-left: 4px solid var(--blue-bright); background: #f4f6f9; }
.support-note p { margin: 0; color: var(--muted); }
.support-note strong { color: var(--navy); }
.support-footer { color: var(--brand-gray); background: #f8f9fb; border-top: 1px solid rgba(85,89,104,.12); }
.support-footer a { color: var(--navy); text-decoration: none; }
@media (max-width:760px) { .support-page-main { padding-top: 68px; } .support-hero { padding: 82px 0 65px; } .support-grid { grid-template-columns:1fr; } .support-card { min-height: 330px; padding: 30px 24px; } .support-note { align-items:flex-start; flex-direction:column; } }