:root{--sp-blue:#0878f5;--sp-ink:#17212f;--sp-muted:#687588}
.hp-page--support{margin:0;background:#087ff2;color:var(--sp-ink);font-family:"Be Vietnam Pro",Arial,sans-serif}
.hp-page--support #main-navigation,.hp-page--support .hp-header-spacer,.hp-page--support .hp-footer,.hp-page--support .chatbot-widget{display:none!important}
.hp-page--support #main-content{max-width:none;margin:0;padding:0}
.sp-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sp-page svg{width:1.35em;height:1.35em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-page{width:min(100%,520px);min-height:100dvh;margin:auto;overflow:hidden;background:#f8fbff;box-shadow:0 0 35px rgba(23,73,130,.14)}
.sp-hero{position:relative;height:calc(207px + env(safe-area-inset-top));overflow:hidden;padding:calc(30px + env(safe-area-inset-top)) 25px 30px;color:#fff;background:#087ff2 linear-gradient(180deg,#087ff2 0,#087ff2 calc(env(safe-area-inset-top) + 20px),#0763df 58%,#074ed1 100%)}
.sp-hero:before{content:"";position:absolute;right:-55px;top:-58px;width:300px;height:230px;border:1px solid rgba(126,220,255,.35);border-radius:50%;transform:rotate(-10deg)}
.sp-hero:after{content:"";position:absolute;right:77px;top:76px;width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(129,207,255,.65),transparent)}
.sp-hero__copy{position:relative;z-index:3}.sp-hero__copy span{font-size:18px}.sp-hero__copy h1{margin:0 0 9px;font-size:39px;line-height:1.1;letter-spacing:-1px}.sp-hero__copy p{margin:0;font-size:10px;line-height:1.65}
.sp-agent{position:absolute;z-index:2;right:-1px;bottom:-1px;width:245px!important;height:192px!important;filter:drop-shadow(0 8px 12px rgba(0,25,93,.2))}
.sp-float{position:absolute;z-index:4;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:rgba(98,183,255,.35);backdrop-filter:blur(3px)}
.sp-float--chat{top:27px;right:164px}.sp-float--phone{left:225px;top:85px}.sp-float--mail{right:18px;top:100px;width:34px;height:34px;border-radius:5px;background:transparent}
.sp-content{position:relative;z-index:5;margin-top:-31px;padding:0 13px 88px}
.sp-panel{padding:15px 9px 9px;border:1px solid #edf1f5;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(24,73,119,.1)}
.sp-panel h2{margin:0 4px 12px;font-size:13px;line-height:1.4}
.sp-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.sp-methods>a,.sp-methods>button{min-width:0;min-height:99px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 2px;border:1px solid #edf1f5;border-radius:11px;color:var(--sp-ink);background:#fff;box-shadow:0 5px 14px rgba(26,79,125,.06);font:inherit;text-align:center;text-decoration:none}
.sp-methods span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff}.sp-methods span svg{width:24px;height:24px}
.sp-methods .blue,.sp-topics .blue{background:#0878f5}.sp-methods .green,.sp-topics .green{background:#18c878}.sp-methods .purple,.sp-topics .purple{background:linear-gradient(145deg,#a346ef,#7c2eda)}.sp-methods .orange{border-radius:50%;background:#ff8a1f}
.sp-methods b{font-size:8px;line-height:1.25}.sp-methods small{color:#7a8696;font-size:6.5px;line-height:1.25}
.sp-hotline{min-height:58px;display:flex;align-items:center;gap:9px;margin-top:15px;padding:9px 8px;border:1px solid #dceaf7;border-radius:11px;background:linear-gradient(135deg,#eef8ff,#f7fbff)}
.sp-hotline>span{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;color:#0878f5}.sp-hotline>span svg{width:29px;height:29px;stroke-width:2.2}
.sp-hotline>div{min-width:0;flex:1}.sp-hotline b,.sp-hotline small{display:block}.sp-hotline b{color:#0863c6;font-size:8px}.sp-hotline small{margin-top:4px;color:#687688;font-size:6.1px;line-height:1.35}
.sp-hotline>a{height:35px;display:flex;align-items:center;gap:5px;padding:0 9px;border-radius:7px;color:#fff;background:#0874e9;text-decoration:none;font-size:7.4px;white-space:nowrap}.sp-hotline>a svg{width:14px;height:14px}
.sp-topics{margin-top:19px;padding-bottom:3px;border:1px solid #edf1f5;border-radius:11px;overflow:hidden;box-shadow:0 5px 14px rgba(26,79,125,.05)}
.sp-topics h2{padding:0 8px}.sp-topics>a,.sp-topics>button{position:relative;width:100%;min-height:44px;display:flex;align-items:center;gap:9px;padding:5px 25px 5px 9px;border:0;border-top:1px solid #edf1f5;color:var(--sp-ink);background:#fff;font:inherit;text-align:left;text-decoration:none}
.sp-topics>a>span,.sp-topics>button>span{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:7px;color:#fff}.sp-topics span svg{width:18px;height:18px}
.sp-topics .orange{background:#ff8d1e}.sp-topics .pink{background:#ef4c76}.sp-topics .cyan{background:#21a4e8}
.sp-topics div{min-width:0}.sp-topics b,.sp-topics small{display:block}.sp-topics b{font-size:8px;line-height:1.35}.sp-topics small{margin-top:3px;color:#768395;font-size:6.3px;line-height:1.3}.sp-topics i{position:absolute;right:10px;color:#69798d;font-size:18px;font-style:normal}
.sp-faq{min-height:83px;display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px;border:1px solid #e5edf5;border-radius:11px;background:linear-gradient(135deg,#f5faff,#fff);box-shadow:0 5px 14px rgba(26,79,125,.06)}
.sp-faq>span{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0878f5}.sp-faq>div{min-width:0;flex:1}.sp-faq b,.sp-faq small{display:block}.sp-faq b{color:#0863c6;font-size:8px}.sp-faq small{margin-top:5px;color:#6f7c8e;font-size:6.2px;line-height:1.5}
.sp-faq>a{height:35px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #e2e9f2;border-radius:8px;color:#0874e9;background:#fff;box-shadow:0 4px 10px rgba(30,80,128,.08);text-decoration:none;font-size:7px;white-space:nowrap}.sp-faq i{font-size:16px;font-style:normal}
.sp-toast{position:fixed;z-index:2000;left:50%;bottom:83px;max-width:calc(100% - 36px);padding:10px 15px;border-radius:10px;color:#fff;background:#102a43;opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:.25s;font-size:10px;text-align:center}.sp-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:380px){.sp-hero{padding-left:20px}.sp-agent{right:-35px}.sp-float--phone{display:none}.sp-methods{gap:4px}.sp-hotline>a{padding:0 7px;font-size:6.8px}}
@media(min-width:901px){.hp-page--support{padding:24px;background:#f2f7fc}.sp-page{border-radius:24px}.sp-content{padding-bottom:25px}}