/* Quantum Football Pro — public onboarding (scoped extension; original CSS untouched) */
.qf-beta-note{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:13px 17px;margin:-12px 0 29px;border:1px solid #5adead3d;background:linear-gradient(110deg,#10232e,#132c31);border-radius:12px;font-size:12px;color:#b9cfe2}
.qf-beta-flag{letter-spacing:.12em;color:#82f2cc;font-size:9px;font-weight:900;border-radius:7px;background:#17614b66;padding:7px 9px;white-space:nowrap}
.qf-beta-note a{font-size:12px;font-weight:800;color:#7eeec5;margin-left:auto;white-space:nowrap}
.qf-beta-note a:hover,.qf-inline-help:hover{color:#bafce2;text-decoration:underline}
.qf-scanner-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.qf-inline-help{font-weight:800;font-size:12px;color:#82efcc;white-space:nowrap}
.qf-guide-main{background:#080e1b}
.qf-guide-workspace{padding-top:30px}
.qf-guide-topbar .qf-top-link{font-weight:700;color:#9db5cc;font-size:12px}
.qf-top-link:hover{color:var(--mint)}
.qf-top-cta{display:inline-flex;padding:11px 15px;border:1px solid #68f2c548;border-radius:9px;color:#091c1b;background:linear-gradient(120deg,#83f6cc,#56dcbc);font-weight:900;font-size:12px}
.qf-top-cta:hover{filter:brightness(1.1)}
.qf-guide-mobile-brand{display:none;font-weight:900;font-size:12px;letter-spacing:-.04em}
.qf-guide-mobile-brand span{color:var(--mint)}
.qf-guide-anchors .nav-link{font-size:12px;padding:10px 12px}
.qf-guide-anchors .nav-icon{font-size:10px;color:#78e7be;font-weight:900}
.qf-guide-hero{min-height:375px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:22px;border:1px solid #2d626b79;background:radial-gradient(ellipse at 79% 58%,#178e9180,transparent 42%),linear-gradient(115deg,#122535,#0c2835 69%,#0a172b)}
.qf-guide-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(#82f0c412 1px,transparent 1px),linear-gradient(90deg,#82f0c412 1px,transparent 1px);background-size:35px 35px}
.qf-guide-hero-copy{position:relative;z-index:1;padding:49px 50px;align-self:center}
.qf-guide-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.09em;font-size:9px;color:#b3e5d0;background:#08272680;border:1px solid #5bd6ad55;padding:8px 12px;border-radius:50px;margin-top:25px}
.qf-guide-kicker .live-dot{width:6px;height:6px}
.qf-guide-hero h1{font-size:clamp(41px,5vw,67px);line-height:1.06;margin:23px 0 18px;letter-spacing:-.06em}
.qf-guide-hero p{line-height:1.8;color:#b3c9da;font-size:14px;max-width:570px}
.qf-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.qf-guide-hero-visual{position:relative;min-height:360px;display:grid;place-items:center}
.qf-radar-ring{position:absolute;border:1px solid #79f4cc27;border-radius:50%}
.qf-radar-ring.ring-one{width:250px;height:250px}
.qf-radar-ring.ring-two{width:350px;height:350px}
.qf-radar-ring.ring-three{width:445px;height:445px}
.qf-radar-core{width:164px;height:164px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#77e9cf,#1b8a8c 47%,#062437 80%);border:1px solid #9cf9d288;box-shadow:0 0 0 15px #5ef6ba0a,0 0 100px #1ba88b7a;display:grid;place-items:center;font-family:'Space Grotesk',sans-serif;font-size:99px;font-weight:800;letter-spacing:-.14em;color:#083d41;text-shadow:0 2px 6px #72f6d479}
.qf-hud-label{display:grid;gap:5px;position:absolute;background:#113a4496;border:1px solid #80fae259;border-radius:10px;padding:11px 13px;color:#90b6c1;font-size:8px;letter-spacing:.1em;line-height:1.3}
.qf-hud-label b{color:#ddfff3;font-size:11px}
.qf-hud-label.label-a{top:76px;left:7%}
.qf-hud-label.label-b{right:7%;bottom:87px}
.qf-radar-star{position:absolute;right:12%;top:47px;color:#a2ffe2;font-size:26px}
.qf-guide-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0 53px}
.qf-guide-mini>div{display:flex;align-items:center;gap:14px;background:#121d2f;border:1px solid var(--border);padding:17px 20px;border-radius:13px}
.qf-mini-symbol{flex:0 0 auto;display:grid;place-items:center;height:34px;width:34px;background:#173d3f;color:#8cf5d0;border:1px solid #4cf1c543;border-radius:9px;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:12px}
.qf-guide-mini strong,.qf-guide-mini span:last-child{display:block}
.qf-guide-mini strong{font-size:12px}.qf-guide-mini div>span{font-size:11px;color:var(--muted);margin-top:3px}
.qf-guide-section{margin-bottom:57px;scroll-margin-top:95px}
.qf-section-intro{margin-bottom:21px}
.qf-section-kicker{font-weight:900;letter-spacing:.16em;font-size:10px;color:var(--mint)}
.qf-section-intro h2,.qf-beta-panel h2,.qf-faq h2{font-size:clamp(26px,3vw,38px);line-height:1.16;margin:9px 0 10px}
.qf-section-intro p{color:#97abc3;line-height:1.7;max-width:790px;font-size:13px}
.qf-section-intro strong{color:#dfecf6}
.qf-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.qf-step,.qf-market-card{min-width:0;border:1px solid #31435c7b;background:linear-gradient(155deg,#141f32,#101927);border-radius:15px;padding:22px 19px;position:relative}
.qf-step-num{font-weight:900;font-family:'Space Grotesk',sans-serif;color:#4d6d8a;font-size:11px;letter-spacing:.1em}
.qf-step-icon{margin:25px 0 20px;display:grid;place-items:center;width:43px;height:43px;background:#16413f;border:1px solid #58e9bb55;border-radius:12px;color:#83f3d0;font-size:24px}
.qf-step h3,.qf-market-card h3{font-size:16px;line-height:1.3;margin-bottom:9px}
.qf-step p,.qf-market-card p{font-size:12px;line-height:1.75;color:#9aacc4}
.qf-step p strong,.qf-market-card p strong{color:#e3f6fa}
.qf-guide-link-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}
.qf-text-link{font-size:12px;color:#81efc7;font-weight:800}
.qf-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qf-market-card{padding:22px;min-height:162px}
.qf-market-id{font-size:10px;color:#65e8bd;font-weight:900;letter-spacing:.13em}
.qf-market-card h3{font-size:21px;margin:14px 0 8px}
.qf-market-card p{font-size:13px;margin-bottom:6px}
.qf-market-card small{font-size:11px;color:#5f8199}
.qf-results-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;align-items:start}
.qf-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qf-explain{display:flex;gap:13px;padding:18px;border-radius:15px;background:#131e31;border:1px solid #31435c7b;min-height:136px}
.qf-explain-symbol{flex-shrink:0;display:grid;place-items:center;background:#173e43;color:#79f0c7;border:1px solid #5adfc94d;border-radius:11px;width:44px;height:44px;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:14px}
.qf-explain h3{font-size:16px;margin:2px 0 8px}
.qf-explain p{color:#a2b4c9;font-size:12px;line-height:1.65}
.qf-explain strong{color:#eaf7ff}
.qf-explain code{color:#a7f9d8;font-size:11px;overflow-wrap:anywhere}
.qf-demo{background:linear-gradient(160deg,#12343d,#101c2d 70%);border:1px solid #529a8b6e;padding:25px;border-radius:17px}
.qf-demo-top{display:flex;justify-content:space-between;align-items:start;gap:10px}
.qf-demo h3{font-size:23px;margin:9px 0 12px}
.qf-demo-tag{font-size:8px;letter-spacing:.12em;font-weight:900;background:#145a496e;border:1px solid #61dbb04a;border-radius:7px;color:#8bffd5;padding:8px;white-space:nowrap}
.qf-demo-desc{font-size:12px;color:#adbfcd;line-height:1.8;margin:8px 0 21px}
.qf-demo label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#b7cfde;font-weight:700;margin:14px 0 9px}
.qf-demo label strong{color:#80f8cd}
.qf-demo input[type=range]{width:100%;accent-color:#65f2c1;cursor:pointer}
.qf-demo input[type=number]{width:100%;border-radius:10px;border:1px solid #47747a;background:#091d27;color:#e7f9ff;padding:12px 14px;font-size:15px}
.qf-demo-output{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.qf-demo-output>div{background:#0b202c;padding:15px;border:1px solid #396973;border-radius:12px}
.qf-demo-output small{display:block;color:#94aebd;font-size:11px;margin-bottom:8px}
.qf-demo-output strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:29px;color:#e6f4ff}
.qf-demo-output strong.qf-ev-plus{color:#6df0bd}.qf-demo-output strong.qf-ev-minus{color:#ff9da5}
.qf-demo-foot{font-size:11px;color:#9eb5c1;line-height:1.7;margin-top:17px}
.qf-beta-panel{display:grid;grid-template-columns:1.4fr .8fr;gap:35px;padding:35px;border-radius:19px;background:radial-gradient(ellipse at 92% 30%,#13545b77,transparent 37%),#111f30;border:1px solid #367a735b}
.qf-beta-panel>div>p{line-height:1.8;font-size:13px;color:#9fbac8;max-width:680px}
.qf-beta-checklist{margin-top:20px;display:grid;gap:12px}
.qf-beta-checklist>div{font-size:12px;color:#bfd1de;line-height:1.6;display:flex;gap:10px;align-items:start}
.qf-beta-checklist span{flex:0 0 auto;font-weight:900;color:#76f0ca}
.qf-beta-safety{padding:26px;border-radius:15px;background:#0c1c2ad9;border:1px solid #43616f88}
.qf-beta-safety-icon{background:#14413e;border-radius:12px;display:grid;place-items:center;color:#6ff0c8;font-size:24px;width:48px;height:48px;margin-bottom:21px}
.qf-beta-safety h3{font-size:22px;margin-bottom:13px}
.qf-beta-safety p{color:#a3b8c8;font-size:12px;line-height:1.75;margin-bottom:12px}
.qf-beta-seal{font-size:9px;font-weight:900;letter-spacing:.1em;color:#8fe9ce;border-top:1px solid #2d4c58;padding-top:17px;margin-top:18px}
.qf-copy-status{font-size:11px!important;color:#80edd0!important;margin-top:8px}
.qf-faq{margin:0 0 52px;max-width:900px}
.qf-faq details{border-bottom:1px solid #2b3a4f;padding:17px 8px}
.qf-faq summary{cursor:pointer;list-style:none;position:relative;font-weight:800;color:#dfecf5;font-size:14px;padding-right:20px}
.qf-faq summary::-webkit-details-marker{display:none}
.qf-faq summary:after{content:'+';position:absolute;right:0;color:#81eac7}
.qf-faq details[open] summary:after{content:'−'}
.qf-faq details p{margin:11px 0 0;color:#99b1c5;max-width:700px;line-height:1.75;font-size:12px}
.qf-end-cta{border:1px solid #3c817769;padding:24px 28px;border-radius:15px;background:#103139;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.qf-end-cta strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:23px;margin-bottom:7px}
.qf-end-cta span{font-size:12px;color:#b2cbd3}
@media(max-width:1250px){.qf-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qf-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qf-results-layout{grid-template-columns:1fr}.qf-demo{max-width:none}}
@media(max-width:970px){.qf-guide-hero{grid-template-columns:1fr .6fr}.qf-guide-hero-copy{padding:36px}.qf-hud-label{display:none}.qf-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qf-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.qf-guide-sidebar{display:none}.qf-guide-mobile-brand{display:inline}.qf-guide-topbar .breadcrumb{display:none}.qf-guide-topbar .qf-top-link{display:none}.qf-guide-workspace{padding-top:18px}.qf-guide-hero{grid-template-columns:1fr;min-height:0}.qf-guide-hero-visual{display:none}.qf-guide-hero-copy{padding:33px 25px}.qf-guide-hero h1{font-size:clamp(37px,10vw,54px)}.qf-guide-mini{grid-template-columns:1fr;gap:7px;margin-bottom:42px}.qf-guide-mini>div{padding:12px 14px}.qf-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qf-results-grid{grid-template-columns:1fr}.qf-beta-panel{grid-template-columns:1fr;padding:23px}.qf-end-cta{padding:22px}.qf-beta-note a{margin-left:0}}
@media(max-width:470px){.qf-guide-topbar .qf-top-cta{font-size:10px;padding:9px 10px}.qf-market-grid,.qf-step-grid{grid-template-columns:1fr}.qf-guide-actions .primary-button,.qf-guide-actions .ghost-button{width:100%}.qf-demo{padding:19px}.qf-beta-panel{padding:19px}}
