:root { --ink:#20202d; --muted:#717184; --line:#e4e8ef; --primary:#1767b4; --soft:#e8f2fb; --canvas:#f5f8fb; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { min-height:100vh; min-height:100dvh; margin:0; color:var(--ink); background:linear-gradient(180deg,#eef6fc,var(--canvas) 340px); -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
.help-shell { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:max(24px,env(safe-area-inset-top)) 0 max(50px,env(safe-area-inset-bottom)); }
.help-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:35px; }
.help-logo { display:block; width:130px; height:48px; object-fit:contain; object-position:left center; }
.back-link { display:inline-flex; align-items:center; min-height:42px; padding:10px 15px; border:1px solid var(--line); border-radius:14px; color:var(--primary); background:white; font-size:.82rem; font-weight:800; text-decoration:none; box-shadow:0 8px 24px rgba(9,64,120,.08); }
.help-hero { display:grid; grid-template-columns:72px 1fr; align-items:center; gap:20px; margin-bottom:25px; }
.help-symbol { display:grid; place-items:center; width:72px; height:72px; border-radius:24px; color:white; background:linear-gradient(145deg,var(--primary),#08a0ae); box-shadow:0 18px 40px rgba(23,103,180,.22); font-size:2rem; font-weight:900; }
.eyebrow { display:block; margin-bottom:5px; color:var(--primary); font-size:.72rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:0 0 8px; font-size:clamp(2rem,7vw,3.25rem); line-height:1; letter-spacing:-.055em; }
.help-hero p { margin:0; color:var(--muted); line-height:1.5; }
.help-search { position:sticky; z-index:2; top:max(10px,env(safe-area-inset-top)); display:flex; align-items:center; gap:10px; margin:25px 0; padding:8px 9px 8px 16px; border:1px solid rgba(255,255,255,.9); border-radius:19px; background:rgba(255,255,255,.92); box-shadow:0 14px 40px rgba(37,72,108,.12); backdrop-filter:blur(16px); }
.help-search span { color:var(--primary); font-size:1.15rem; }
.help-search input { width:100%; padding:10px 0; border:0; outline:0; color:var(--ink); background:transparent; }
.help-search b { min-width:42px; padding:7px 10px; border-radius:11px; color:var(--primary); background:var(--soft); font-size:.72rem; text-align:center; }
.quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:28px; }
.quick-card { padding:17px; border:1px solid var(--line); border-radius:19px; background:white; box-shadow:0 9px 26px rgba(37,72,108,.07); }
.quick-card strong,.quick-card span { display:block; }
.quick-card strong { margin-bottom:5px; font-size:.9rem; }
.quick-card span { color:var(--muted); font-size:.76rem; line-height:1.4; }
.faq-list { display:grid; gap:10px; }
.faq-item { overflow:hidden; border:1px solid var(--line); border-radius:19px; background:white; box-shadow:0 9px 26px rgba(37,72,108,.06); }
.faq-item summary { position:relative; padding:18px 52px 18px 19px; font-size:.92rem; font-weight:850; cursor:pointer; list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; position:absolute; right:18px; top:50%; width:27px; height:27px; border-radius:9px; color:var(--primary); background:var(--soft); line-height:25px; text-align:center; transform:translateY(-50%); }
.faq-item[open] summary::after { content:"−"; }
.faq-answer { padding:0 19px 19px; color:var(--muted); font-size:.86rem; line-height:1.6; }
.faq-answer p { margin:0; }
.faq-answer ol,.faq-answer ul { margin:9px 0 0; padding-left:21px; }
.faq-answer a { color:var(--primary); font-weight:750; }
.no-results { padding:30px; border:1px dashed #b9ccdc; border-radius:20px; color:var(--muted); text-align:center; }
@media (max-width:650px) { .help-shell{width:calc(100% - 24px)} .help-topbar{margin-bottom:25px}.help-logo{width:105px}.back-link{padding:9px 11px}.help-hero{grid-template-columns:58px 1fr;gap:13px}.help-symbol{width:58px;height:58px;border-radius:19px}.quick-grid{grid-template-columns:1fr}.help-search{top:max(6px,env(safe-area-inset-top))} }