.support-hero{background:radial-gradient(circle at 88% 23%,#dce7ff 0,transparent 28%),linear-gradient(125deg,#eef7ff,#f7faff 57%,#e9efff)}
.support-hero-inner{min-height:450px;display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:64px;padding-bottom:70px}
.support-hero h1{margin:0;color:var(--navy);font-size:clamp(46px,5vw,68px);line-height:1.15;letter-spacing:-.05em}
.support-lead{max-width:560px;margin:20px 0 28px;color:#5f6d89;font-size:17px;line-height:1.8}
.support-hero-card{width:340px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;flex:0 0 auto;border:1px solid #fff;border-radius:32px;background:#ffffffd9;box-shadow:0 24px 60px #31599e1d;transform:rotate(4deg)}
.support-icon{width:82px;height:82px;display:grid;place-items:center;border-radius:24px;color:#fff;background:linear-gradient(135deg,#6aa4ff,#2360db);box-shadow:0 16px 28px #286df045;font-size:51px;font-weight:700;line-height:1}
.support-hero-card strong{color:var(--navy);font-size:24px}
.support-hero-card>span:last-child{color:var(--muted);font-size:14px}
.help-section{padding:90px 0 100px}
.help-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:80px}
.section-intro h2,.contact-card h2{margin:0;color:var(--navy);font-size:clamp(31px,3vw,42px);line-height:1.24}
.section-intro>p:last-child{max-width:300px;margin:17px 0 0;color:var(--muted);font-size:15px;line-height:1.8}
.faq-list{display:grid;gap:12px}
.faq-list details{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 25px #31599e09}
.faq-list summary{position:relative;display:block;padding:22px 56px 22px 24px;color:var(--ink);font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:22px;top:50%;color:var(--blue);font-size:25px;font-weight:400;transform:translateY(-50%)}
.faq-list details[open] summary:after{content:'−'}
.faq-answer{padding:0 24px 22px;color:var(--muted);font-size:14px;line-height:1.85}
.contact-section{padding:0 0 95px}
.contact-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:44px 50px;border-radius:28px;background:linear-gradient(125deg,#eaf2ff,#f6f9ff)}
.contact-card>div:first-child{max-width:640px}
.contact-card p:last-child{margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.8}
.contact-action{display:grid;gap:8px;min-width:265px;padding:22px 26px;border:1px solid #d6e4ff;border-radius:17px;background:#fff}
.contact-action span{color:var(--muted);font-size:13px}
.contact-action a{color:var(--blue);font-size:19px;font-weight:750;word-break:break-all}
.contact-action a:hover{text-decoration:underline}
.footer-links{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:850px){.support-hero-inner{gap:20px}.support-hero-card{width:270px;min-height:240px}.help-layout{grid-template-columns:1fr;gap:32px}.section-intro>p:last-child{max-width:none}.contact-card{align-items:stretch;flex-direction:column}.contact-action{min-width:0}.footer-links{justify-content:flex-start}}
@media(max-width:660px){.support-hero-inner{min-height:0;align-items:stretch;flex-direction:column;padding-top:50px;padding-bottom:52px}.support-hero h1{font-size:44px}.support-lead{margin:16px 0 23px;font-size:15px}.support-hero-card{width:100%;min-height:150px;gap:9px;flex-direction:row;flex-wrap:wrap;padding:24px;transform:none}.support-icon{width:52px;height:52px;border-radius:15px;font-size:34px}.support-hero-card strong{font-size:18px}.support-hero-card>span:last-child{width:100%;text-align:center;font-size:12px}.help-section{padding:60px 0}.faq-list summary{padding:18px 48px 18px 18px;font-size:15px}.faq-answer{padding:0 18px 20px}.contact-section{padding-bottom:60px}.contact-card{padding:30px 24px;border-radius:20px}.contact-action{padding:20px}.contact-action a{font-size:17px}}
