/* A1 help center - usable on desktop and mobile. */
.lf176Hero{background:linear-gradient(125deg,#cc1428,#e33a4b 47%,#681a78);border-radius:24px;padding:27px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 16px;box-shadow:0 12px 30px #b6253640}
.lf176Hero .eyebrow{color:#ffe8eb}.lf176Hero h1{color:#fff;font-size:clamp(1.5rem,2.5vw,2.4rem);margin:.3em 0}.lf176Hero p{margin:.2em 0;max-width:650px;color:#fff3f4}.lf176HeroBadge{display:grid;place-items:center;background:#fff;color:#d4142b;min-width:66px;min-height:66px;border-radius:22px;font-size:2rem;font-weight:900;box-shadow:0 4px 15px #69192230}
.lf176Tabs,.lf176Select{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 17px}.lf176Tabs button,.lf176Select button{border:1px solid #d8deec;background:#fff;color:#334260;padding:11px 16px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer;flex:1;min-width:130px}.lf176Tabs button.on{border-color:#c32642;color:#bd1a3c;background:#fff0f3}.lf176Select button.on{border-color:#5c4dd1;color:#4738be;background:#f1efff}
.lf176Panel{border:1px solid #e4e7f1;border-radius:23px;background:#fff;padding:clamp(17px,2.5vw,27px);box-shadow:0 5px 22px #28365b0b;margin-bottom:15px;color:#24304a}.lf176Panel h2{color:#202d52;margin:0 0 10px}.lf176Panel h3{margin-top:23px}.lf176Source{display:inline-block;padding:.2em .55em;border-radius:8px;background:#f4f6fa;color:#64708b}
.lf176Progress{margin:20px 0}.lf176ProgressHeading{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#293650}.lf176Track{height:9px;background:#edf0f6;border-radius:99px;overflow:hidden}.lf176Track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e43d52,#8357db);transition:width .2s}
.lf176Steps{display:grid;gap:10px}.lf176Step{display:flex;align-items:flex-start;gap:12px;border:1px solid #e8eaf2;border-radius:14px;padding:14px 15px;cursor:pointer;background:#fff}.lf176Step:has(input:checked){background:#f1fbf6;border-color:#9ed5b5}.lf176Step input{width:19px;height:19px;margin:4px 0 0;accent-color:#23965a;flex:0 0 auto}.lf176StepNo{display:grid;place-items:center;width:26px;height:26px;min-width:26px;border-radius:8px;background:#ecf0f8;color:#606e87;font-weight:700}.lf176Step span:last-child{flex:1}.lf176Step small{display:block;margin-top:4px;color:#64708b;line-height:1.5}.lf176Actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.lf176Actions button{max-width:100%}.lf176Success,.lf176Note{padding:14px 16px;border-radius:13px;background:#eafaef;color:#125d3b;margin-top:14px}.lf176Note{background:#f6f7fb;color:#4d5972}
.lf176RuleGrid{display:grid;gap:12px}.lf176Rule{border:1px solid #e6e8f0;padding:15px 16px;border-radius:14px;background:#fafbfe}.lf176Rule summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;flex-wrap:wrap}.lf176Rule summary span{color:#9b2544;font-size:.85rem}.lf176Rule li{margin:8px 0;line-height:1.45}.lf176PackageGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lf176PackageGrid>div{border:1px solid #e5e9f2;background:#f8f9fc;border-radius:14px;padding:15px}.lf176PackageGrid b{color:#3947a2}.lf176PackageGrid p{font-size:.86rem;line-height:1.5;color:#5b6780}.lf176LinkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lf176LinkGrid a{border:1px solid #e1e6f2;border-radius:13px;padding:15px;text-decoration:none;color:#293857;display:block;background:#fbfcff}.lf176LinkGrid a:hover{background:#f1f4ff;border-color:#8e9ac9}.lf176LinkGrid small{display:block;margin-top:6px;color:#65728a;line-height:1.45}.lf176Panel [data-lf176-search]{display:flex;gap:7px;margin-bottom:18px}.lf176Panel [data-lf176-search] input{flex:1;min-width:0}.lf176Footer{font-size:.85rem;color:#63708a;padding:5px 3px 22px;line-height:1.5}
.lf176Quick{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.lf176Quick p{margin:6px 0}.lf176ContractHint{background:#fff6f5;border:1px solid #ffd4d6;border-radius:14px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px;color:#78313c}
@media(max-width:720px){.lf176Hero{padding:23px 18px}.lf176HeroBadge{min-width:50px;min-height:50px;font-size:1.35rem;border-radius:16px}.lf176PackageGrid,.lf176LinkGrid{grid-template-columns:1fr}.lf176Actions>*{width:100%}.lf176Tabs button{font-size:.9rem;min-width:unset}}