.bb-page *, .bb-page *::before, .bb-page *::after { box-sizing: border-box; margin: 0; padding: 0; } .bb-resources-page {   --teal: #00D2D2;   --coral: #FF5E5B;   --gray: #B3B3B3;   --white: #FFFFFF;   --black: #000000;   --dark: #111111;   --darker: #0A0A0A;   --font-heading: 'Montserrat', 'Segoe UI', Arial, sans-serif;   --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;   --font-mono: 'Space Mono', 'Courier New', monospace;   background: var(--black);   color: var(--white);   font-family: var(--font-body);   font-size: 17px;   line-height: 1.7; } .bb-resources-page .bb-container {   max-width: 1200px;   margin: 0 auto;   padding: 0 24px; } .bb-resources-page h1, .bb-resources-page h2, .bb-resources-page h3, .bb-resources-page h4 {   font-family: var(--font-heading);   line-height: 1.2; } .bb-resources-page a { color: var(--teal); text-decoration: none; } .bb-resources-page a:hover { text-decoration: underline; } .bb-resources-page img { max-width: 100%; height: auto; display: block; } /* Buttons */ .bb-resources-page .bb-btn {   display: inline-block;   padding: 12px 24px;   border-radius: 4px;   font-weight: 600;   font-family: var(--font-body);   cursor: pointer;   transition: opacity 0.2s;   text-decoration: none;   line-height: 1;   min-height: 44px;   font-size: 0.9rem;   text-align: center; } .bb-resources-page .bb-btn:hover { opacity: 0.85; text-decoration: none; } .bb-resources-page .bb-btn-teal { background: var(--teal); color: var(--black); } .bb-resources-page .bb-btn-coral { background: var(--coral); color: var(--white); } .bb-resources-page .bb-btn-ghost { border: 1px solid var(--teal); color: var(--teal); background: transparent; } /* ======= HERO ======= */ .bb-resources-page .bb-hero {   padding: 72px 0 56px;   background: var(--darker);   border-bottom: 1px solid #1a1a1a; } .bb-resources-page .bb-hero-inner {   text-align: center;   max-width: 760px;   margin: 0 auto; } .bb-resources-page .bb-hero-label {   display: inline-block;   background: rgba(0, 210, 210, 0.1);   color: var(--teal);   font-size: 0.78rem;   font-weight: 700;   letter-spacing: 0.12em;   text-transform: uppercase;   padding: 6px 16px;   border-radius: 20px;   margin-bottom: 24px; } .bb-resources-page .bb-hero h1 {   font-size: clamp(1.9rem, 4.5vw, 2.8rem);   font-weight: 700;   color: var(--white);   margin-bottom: 20px; } .bb-resources-page .bb-hero-sub {   font-size: 1.15rem;   color: #E8E8E8;   margin-bottom: 14px;   line-height: 1.6; } .bb-resources-page .bb-hero-note {   font-size: 0.88rem;   color: var(--gray); } /* ======= CATEGORY SECTIONS ======= */ .bb-resources-page .bb-cat-section {   padding: 64px 0; } .bb-resources-page .bb-cat-section:nth-child(odd) {   background: var(--black); } .bb-resources-page .bb-cat-section:nth-child(even) {   background: var(--dark); } .bb-resources-page .bb-cat-header {   margin-bottom: 40px; } .bb-resources-page .bb-cat-icon {   font-size: 2rem;   margin-bottom: 10px;   line-height: 1; } .bb-resources-page .bb-cat-header h2 {   font-size: 1.65rem;   font-weight: 700;   color: var(--white);   margin-bottom: 10px; } .bb-resources-page .bb-cat-header p {   color: #B3B3B3;   max-width: 680px;   font-size: 0.97rem; } /* ======= TOOL GRID ======= */ .bb-resources-page .bb-tool-grid {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 20px; } /* ======= TOOL LOGO ======= */ .bb-resources-page .bb-tool-logo {   display: inline-flex;   align-items: center;   justify-content: center;   background: #fff;   border-radius: 8px;   padding: 8px 14px;   margin-bottom: 4px;   align-self: flex-start; } .bb-resources-page .bb-tool-logo img {   max-height: 36px;   max-width: 140px;   width: auto;   object-fit: contain;   display: block; } /* ======= TOOL CARD ======= */ .bb-resources-page .bb-tool-card {   background: var(--darker);   border: 1px solid #1e1e1e;   border-radius: 8px;   padding: 26px 22px;   display: flex;   flex-direction: column;   gap: 10px;   transition: border-color 0.2s, transform 0.15s; } .bb-resources-page .bb-tool-card:hover {   border-color: var(--teal);   transform: translateY(-4px); } .bb-resources-page .bb-cat-section:nth-child(even) .bb-tool-card {   background: #0c0c0c; } .bb-resources-page .bb-tool-badge {   display: inline-block;   padding: 3px 10px;   border-radius: 20px;   font-size: 0.7rem;   font-weight: 700;   letter-spacing: 0.05em;   text-transform: uppercase;   width: fit-content; } .bb-resources-page .bb-badge-affiliate {   background: rgba(0, 210, 210, 0.12);   color: var(--teal); } .bb-resources-page .bb-badge-use {   background: rgba(136, 136, 136, 0.15);   color: var(--gray); } .bb-resources-page .bb-badge-soon {   background: rgba(255, 94, 91, 0.1);   color: var(--coral); } .bb-resources-page .bb-tool-name {   font-family: var(--font-heading);   font-size: 1.05rem;   font-weight: 700;   color: var(--white);   margin: 0; } .bb-resources-page .bb-tool-desc {   font-size: 0.9rem;   color: #E8E8E8;   flex: 1;   line-height: 1.55; } .bb-resources-page .bb-tool-rec {   font-size: 0.83rem;   color: var(--gray);   font-style: italic;   padding-top: 2px; } .bb-resources-page .bb-tool-cta {   margin-top: 6px;   display: block;   text-align: center; } /* ======= CRYPTO CALLOUT ======= */ .bb-resources-page .bb-crypto-note {   margin-bottom: 32px;   background: rgba(0, 210, 210, 0.06);   border: 1px solid rgba(0, 210, 210, 0.2);   border-left: 3px solid var(--teal);   border-radius: 4px;   padding: 16px 20px;   font-size: 0.9rem;   color: #E8E8E8;   max-width: 800px; } .bb-resources-page .bb-crypto-note strong { color: var(--teal); } /* ======= FAQ SECTION ======= */ .bb-resources-page .bb-faq-section {   padding: 80px 0;   background: var(--darker);   border-top: 1px solid #1a1a1a; } .bb-resources-page .bb-faq-header {   text-align: center;   margin-bottom: 48px; } .bb-resources-page .bb-faq-header h2 {   font-size: 1.9rem;   font-weight: 700;   margin-bottom: 10px; } .bb-resources-page .bb-faq-header p { color: #B3B3B3; font-size: 1rem; } .bb-resources-page .bb-faq-list {   max-width: 800px;   margin: 0 auto; } .bb-resources-page .bb-faq-item {   border-bottom: 1px solid #1e1e1e;   padding: 28px 0; } .bb-resources-page .bb-faq-item:first-child { border-top: 1px solid #1e1e1e; } .bb-resources-page .bb-faq-q {   font-family: var(--font-heading);   font-size: 1rem;   font-weight: 700;   color: var(--white);   margin-bottom: 12px; } .bb-resources-page .bb-faq-a {   color: #E8E8E8;   font-size: 0.93rem;   line-height: 1.7; } /* ======= DISCLAIMER ======= */ .bb-resources-page .bb-disclaimer {   padding: 40px 0;   background: var(--black);   border-top: 1px solid #1a1a1a; } .bb-resources-page .bb-disclaimer-inner {   max-width: 760px;   margin: 0 auto;   background: #0a0a0a;   border: 1px solid #1e1e1e;   border-left: 3px solid #333;   border-radius: 4px;   padding: 18px 22px; } .bb-resources-page .bb-disclaimer-inner p {   font-size: 0.82rem;   color: #B3B3B3;   line-height: 1.6; } .bb-resources-page .bb-disclaimer-inner strong { color: #B3B3B3; } /* ======= FINAL CTA ======= */ .bb-resources-page .bb-final-cta {   padding: 80px 0;   background: var(--dark);   text-align: center; } .bb-resources-page .bb-final-cta h2 {   font-size: 1.9rem;   font-weight: 700;   margin-bottom: 16px; } .bb-resources-page .bb-final-cta p {   color: #E8E8E8;   margin-bottom: 32px;   font-size: 1rem;   max-width: 580px;   margin-left: auto;   margin-right: auto; } /* ======= FREE DOWNLOADS SECTION ======= */ .bb-resources-page .bb-downloads-section {   padding: 72px 0;   background: var(--darker);   border-bottom: 1px solid #1a1a1a; } .bb-resources-page .bb-downloads-header {   text-align: center;   margin-bottom: 48px; } .bb-resources-page .bb-downloads-header h2 {   font-size: 1.9rem;   font-weight: 700;   margin-bottom: 10px; } .bb-resources-page .bb-downloads-header p {   color: #B3B3B3;   font-size: 1rem;   max-width: 560px;   margin: 0 auto; } .bb-resources-page .bb-download-grid {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 20px; } .bb-resources-page .bb-download-card {   background: #0a0a0a;   border: 1px solid #222;   border-radius: 8px;   padding: 28px 22px;   display: flex;   flex-direction: column;   gap: 12px;   transition: border-color 0.2s; } .bb-resources-page .bb-download-card:hover { border-color: var(--teal);  box-shadow:0 0 0 1px #00D2D2; transform:translateY(-4px); } .bb-resources-page .bb-dl-type {   display: inline-block;   font-size: 0.72rem;   font-weight: 700;   letter-spacing: 0.08em;   text-transform: uppercase; } .bb-resources-page .bb-dl-type-pdf { color: var(--coral); } .bb-resources-page .bb-dl-type-xlsx { color: var(--teal); } .bb-resources-page .bb-dl-title {   font-family: var(--font-heading);   font-size: 1rem;   font-weight: 700;   color: var(--white);   line-height: 1.3; } .bb-resources-page .bb-dl-desc {   font-size: 0.88rem;   color: #E8E8E8;   line-height: 1.5;   flex: 1; } .bb-resources-page .bb-dl-includes {   list-style: none;   font-size: 0.82rem;   color: #B3B3B3;   line-height: 1.8; } .bb-resources-page .bb-dl-includes li::before { content: "\2713\0020"; color: var(--teal); font-weight: 700; } .bb-resources-page .bb-dl-btn {   display: block;   text-align: center;   padding: 11px 20px;   border-radius: 4px;   font-size: 0.88rem;   font-weight: 600;   text-decoration: none;   transition: opacity 0.2s;   min-height: 44px;   margin-top: auto;   line-height: 1.4; } .bb-resources-page .bb-dl-btn:hover { opacity: 0.85; text-decoration: none; } .bb-resources-page .bb-dl-btn-pdf {   background: rgba(255, 94, 91, 0.1);   color: var(--coral);   border: 1px solid rgba(255, 94, 91, 0.28); } .bb-resources-page .bb-dl-btn-xlsx {   background: rgba(0, 210, 210, 0.08);   color: var(--teal);   border: 1px solid rgba(0, 210, 210, 0.22); } /* ======= RESPONSIVE ======= */ @media (max-width: 960px) {   .bb-resources-page .bb-tool-grid { grid-template-columns: repeat(2, 1fr); }   .bb-resources-page .bb-download-grid { grid-template-columns: repeat(2, 1fr); }   .bb-resources-page .bb-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } } @media (max-width: 768px) {   .bb-resources-page .bb-hero { padding: 52px 0 40px; } } @media (max-width: 600px) {   .bb-resources-page .bb-tool-grid { grid-template-columns: 1fr; }   .bb-resources-page .bb-download-grid { grid-template-columns: 1fr; }   .bb-resources-page .bb-footer-grid { grid-template-columns: 1fr; gap: 28px; }   .bb-resources-page .bb-cat-section { padding: 48px 0; }   .bb-resources-page .bb-downloads-section { padding: 52px 0; }   .bb-resources-page .bb-final-cta { padding: 60px 0; } } 


.bb-resources-page [hidden]{display:none!important}.bb-resources-page .bb-browse-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.bb-resources-page .bb-browse-links a{border:1px solid #00d2d2;border-radius:4px;padding:12px 16px;color:#00d2d2;text-decoration:none;min-height:48px;font-weight:700}.bb-resources-page .bb-tool-search{display:block;width:100%;max-width:650px;background:#111;border:1px solid #888;border-radius:4px;padding:14px;color:#fff;font:17px/1.4 Inter,'Segoe UI',sans-serif;margin:10px 0 14px}.bb-resources-page .bb-search-label{display:block;font-weight:700;color:#fff}.bb-resources-page :focus-visible{outline:3px solid #00d2d2;outline-offset:4px}.bb-resources-page .bb-cat-section,.bb-resources-page #free-downloads{scroll-margin-top:30px}.bb-resources-page .bb-quick-affiliates{border:1px solid #333;padding:22px;border-radius:6px;margin-top:24px}.bb-resources-page .bb-quick-affiliates a{color:#00d2d2}.bb-resources-page .bb-quick-affiliates p{margin:12px 0;line-height:1.7}