@import url("legal.css");
.support-surface { min-height: calc(100vh - 5.5rem); margin: 0 2.25vw 2.25vw; overflow: hidden; border-radius: .625rem; background: #fff; box-shadow: 0 8px 20px rgb(15 23 42 / .025); }.support-hero { padding: clamp(3.5rem, 8vw, 6.8rem) 6vw clamp(3rem, 6vw, 5.5rem); background: radial-gradient(circle at 85% 5%, #dce5ff 0, transparent 31%), linear-gradient(135deg, #fff 0%, #f7f9ff 100%); text-align: center; }.support-hero-inner, .support-body { max-width: 70rem; margin: auto; }.support-eyebrow { display: inline-flex; align-items: center; gap: .45rem; margin: 0 0 1rem; color: #245bff; font-size: .74rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }.support-eyebrow i { width: .5rem; height: .5rem; border-radius: 50%; background: #00b578; box-shadow: 0 0 .7rem #00b578; }.support-hero h1 { max-width: 50rem; margin: 0 auto; color: #252a3a; font-size: clamp(2.8rem, 7vw, 5.6rem); line-height: .94; letter-spacing: -.068em; }.support-hero p { max-width: 39rem; margin: 1.35rem auto 0; color: #667085; font-size: clamp(1rem, 2vw, 1.1rem); line-height: 1.65; }.search-wrap { display: flex; align-items: center; gap: .7rem; max-width: 38rem; height: 3.6rem; margin: 2rem auto 0; padding: 0 1rem; border: 1px solid #e1e6f1; border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2.5rem rgb(36 91 255 / .08); }.search-wrap svg { width: 1.15rem; color: #6c7890; }.search-wrap input { min-width: 0; flex: 1; border: 0; outline: 0; color: #252a3a; font: inherit; font-size: .9rem; }.search-wrap input::placeholder { color: #9aa4b6; }.support-body { padding: clamp(2.5rem, 6vw, 5.5rem) 6vw; }.support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; }.support-card { min-height: 14rem; padding: 1.35rem; border: 1px solid #e8ebf1; border-radius: 1rem; background: #fff; color: inherit; text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }.support-card:hover { transform: translateY(-.25rem); border-color: #cdd9ff; box-shadow: 0 1rem 2rem rgb(31 58 120 / .09); }.support-icon { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border-radius: .8rem; background: #eef2ff; color: #245bff; }.support-icon svg { width: 1.35rem; }.support-card h2 { margin: 1.7rem 0 .45rem; font-size: 1.08rem; letter-spacing: -.03em; }.support-card p { margin: 0; color: #687386; font-size: .84rem; line-height: 1.55; }.support-card span { display: block; margin-top: 1.3rem; color: #245bff; font-size: .78rem; font-weight: 750; }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.section-heading h2 { margin: 0; font-size: clamp(1.65rem, 4vw, 2.5rem); letter-spacing: -.055em; }.section-heading p { max-width: 28rem; margin: 0; color: #687386; font-size: .88rem; line-height: 1.55; }.article-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; }.article-list a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.1rem; border: 1px solid #e8ebf1; border-radius: .85rem; color: #343b4d; font-size: .87rem; font-weight: 650; text-decoration: none; }.article-list a:hover { border-color: #cdd9ff; color: #245bff; }.article-list svg { width: 1rem; flex: 0 0 auto; }.support-band { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; margin-top: 3.5rem; padding: 1.6rem; border-radius: 1rem; background: linear-gradient(135deg, #172143, #293c84); color: #fff; }.support-band h2 { margin: 0; font-size: 1.3rem; letter-spacing: -.04em; }.support-band p { margin: .4rem 0 0; color: rgb(255 255 255 / .68); font-size: .84rem; }.support-band a { display: inline-flex; align-items: center; justify-content: center; min-height: 2.6rem; padding: 0 1rem; border-radius: 999px; background: #fff; color: #1d2856; font-size: .8rem; font-weight: 750; text-decoration: none; }.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.contact-panel { padding: clamp(1.3rem, 4vw, 2.25rem); border: 1px solid #e8ebf1; border-radius: 1rem; }.contact-panel h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.04em; }.contact-panel > p { color: #687386; font-size: .87rem; line-height: 1.55; }.contact-options { display: grid; gap: .65rem; margin-top: 1.2rem; }.contact-option { display: flex; gap: .7rem; align-items: flex-start; padding: .85rem; border-radius: .75rem; background: #f6f8fc; color: inherit; text-decoration: none; }.contact-option b { display: block; font-size: .82rem; }.contact-option small { display: block; margin-top: .16rem; color: #778196; font-size: .76rem; }.contact-option svg { width: 1rem; margin-top: .1rem; color: #245bff; }.contact-form { display: grid; gap: .8rem; margin-top: 1.3rem; }.contact-form label { display: grid; gap: .35rem; color: #4d596d; font-size: .76rem; font-weight: 700; }.contact-form input, .contact-form textarea { width: 100%; padding: .75rem; border: 1px solid #dfe4ed; border-radius: .6rem; outline-color: #245bff; font: inherit; font-size: .84rem; resize: vertical; }.contact-form textarea { min-height: 7rem; }.contact-form button { height: 2.6rem; border: 0; border-radius: .65rem; background: #245bff; color: #fff; font: inherit; font-size: .8rem; font-weight: 750; cursor: pointer; }.contact-form .form-message { min-height: 1rem; margin: 0; color: #16805d; font-size: .78rem; }.security-hero { background: radial-gradient(circle at 80% 0%, #dce5ff 0, transparent 32%), #fff; }.security-points { display: grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; margin-top: 2.5rem; }.security-point { padding: 1rem; border: 1px solid #e4e8f0; border-radius: .85rem; text-align: left; }.security-point b { display: block; color: #245bff; font-size: .78rem; }.security-point span { display: block; margin-top: .4rem; color: #596579; font-size: .77rem; line-height: 1.45; }.security-list { display: grid; gap: .65rem; }.security-list article { padding: 1.2rem; border: 1px solid #e8ebf1; border-radius: .9rem; }.security-list h3 { margin: 0; font-size: 1rem; }.security-list p { margin: .45rem 0 0; color: #687386; font-size: .84rem; line-height: 1.6; }@media (max-width:700px) { .support-surface { margin: 0 .75rem .75rem; }.support-hero { padding-inline: 1.4rem; }.support-body { padding-inline: 1.4rem; }.support-grid, .security-points { grid-template-columns: 1fr; }.article-list, .contact-layout { grid-template-columns: 1fr; }.section-heading, .support-band { align-items: start; flex-direction: column; grid-template-columns: 1fr; }.support-band a { width: fit-content; }.support-hero h1 { font-size: clamp(2.7rem, 13vw, 4rem); } }