.cgip{--cgip-bg:#0c0d0f;--cgip-card:#15171a;--cgip-line:#292c30;--cgip-text:#f4f5f6;--cgip-muted:#a3a8b0;--cgip-gold:#d6b56d;color:var(--cgip-text);font-family:inherit}
.cgip *,.cgip-form-wrap *,.cgip-dashboard *{box-sizing:border-box}
.cgip-hero{padding:clamp(42px,8vw,100px) clamp(22px,5vw,76px);background:radial-gradient(ellipse at 80% 10%,#29251b 0,transparent 38%),linear-gradient(130deg,#0d0e10,#151719);border:1px solid var(--cgip-line);border-radius:24px;overflow:hidden}
.cgip-eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--cgip-gold);text-transform:uppercase;margin-bottom:16px}
.cgip-hero h1{font-size:clamp(42px,7vw,78px);line-height:.99;letter-spacing:-.055em;max-width:850px;margin:0 0 24px;color:#fff}
.cgip-hero h1 span{color:var(--cgip-gold)}
.cgip-hero>p{max-width:620px;color:#c0c3c8;font-size:18px;line-height:1.65}
.cgip-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cgip-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;color:#111!important;text-decoration:none!important;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .18s,background .18s}
.cgip-btn:hover{transform:translateY(-2px);background:var(--cgip-gold);border-color:var(--cgip-gold);color:#111!important}
.cgip-btn-outline{background:transparent;color:#fff!important;border-color:#56595e}.cgip-btn-small{padding:9px 13px;font-size:12px}
.cgip-stats{display:flex;gap:clamp(22px,5vw,65px);flex-wrap:wrap;margin-top:56px;padding-top:25px;border-top:1px solid #36383c}
.cgip-stats div{display:flex;flex-direction:column;gap:5px}.cgip-stats strong{font-size:18px}.cgip-stats span{font-size:12px;color:#aeb2b8}
.cgip-section{padding:64px 0}.cgip-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.cgip-section h2,.cgip-join h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:0 0 10px;color:inherit}.cgip-section-head>p{max-width:410px;color:var(--cgip-muted);line-height:1.6}
.cgip-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cgip-feature-grid article,.cgip-dashboard-card{padding:26px;background:var(--cgip-card);border:1px solid var(--cgip-line);border-radius:14px}.cgip-feature-grid article>span{color:var(--cgip-gold);font-size:12px}.cgip-feature-grid h3{margin:24px 0 8px;color:#fff}.cgip-feature-grid p{color:var(--cgip-muted);line-height:1.6;margin-bottom:0}
.cgip-locked-catalog,.cgip-empty{padding:40px 24px;text-align:center;border:1px solid var(--cgip-line);border-radius:16px;background:#121416}.cgip-locked-catalog h3,.cgip-empty h3{color:#fff;margin:8px 0}.cgip-locked-catalog p,.cgip-empty p{color:var(--cgip-muted)}.cgip-lock-icon{font-size:28px;color:var(--cgip-gold)}
.cgip-catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;color:var(--cgip-muted);font-size:13px}.cgip-catalog-toolbar form{display:flex;gap:8px}.cgip-catalog-toolbar select,.cgip-field input,.cgip-field select,.cgip-field textarea{width:100%;border:1px solid #373b41;border-radius:8px;background:#101214;color:#f4f5f6;padding:12px;font:inherit;min-height:44px}.cgip-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cgip-creator-card{border:1px solid var(--cgip-line);border-radius:14px;background:#141618;overflow:hidden;transition:transform .2s,border-color .2s}.cgip-creator-card:hover{transform:translateY(-3px);border-color:#6c6048}.cgip-creator-image{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#292a2c,#111);text-decoration:none}.cgip-creator-image img{width:100%;height:100%;object-fit:cover}.cgip-avatar{font-size:56px;color:var(--cgip-gold)}.cgip-creator-body{padding:18px}.cgip-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.cgip-chip,.cgip-availability{font-size:10px;border-radius:20px;padding:5px 8px;background:#292b2e;color:#d7d9dc}.cgip-availability:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#8cce9b;margin-right:5px;vertical-align:middle}.cgip-limited:before{background:#e5bd6e}.cgip-unavailable:before{background:#e28c8c}.cgip-creator-body h3{font-size:20px;margin:15px 0;color:#fff}.cgip-creator-body h3 a{color:inherit;text-decoration:none}.cgip-metrics{display:flex;gap:24px;border-top:1px solid #2b2e32;border-bottom:1px solid #2b2e32;padding:13px 0;margin:14px 0}.cgip-metrics div{display:flex;flex-direction:column;gap:3px}.cgip-metrics strong{color:#fff;font-size:16px}.cgip-metrics span{font-size:11px;color:var(--cgip-muted)}.cgip-text-link{color:var(--cgip-gold)!important;text-decoration:none;font-size:13px;font-weight:700}
.cgip-join{padding:38px;background:#191a1c;border:1px solid #34363a;border-radius:18px}.cgip-join p{color:var(--cgip-muted)}
.cgip-form-wrap,.cgip-dashboard{max-width:760px;margin:20px auto;padding:clamp(24px,5vw,48px);background:#111315;color:#f4f5f6;border:1px solid #292c30;border-radius:18px}.cgip-form-wrap h2,.cgip-dashboard h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;margin:0 0 10px;color:#fff}.cgip-form-wrap>p,.cgip-dashboard>p{color:#aeb2b8;line-height:1.6}.cgip-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px}.cgip-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#d7d9dc}.cgip-field input,.cgip-field select{margin:0}.cgip-form .cgip-btn,.cgip-small{grid-column:1/-1}.cgip-small{font-size:11px;color:#8d9299}.cgip-notice{padding:13px 15px;border:1px solid #5a503a;background:#211f19;color:#ead6a8;border-radius:8px;margin:15px 0}.cgip-dashboard-card{margin-top:22px}.cgip-dashboard-card h3{color:#fff}.cgip-dashboard-card p{color:#b5bac1}.cgip-lock{max-width:650px;margin:30px auto;padding:32px;text-align:center;border:1px solid #292c30;border-radius:14px;background:#111315;color:#f5f5f5}.cgip-lock p{color:#adb2b9}
@media(max-width:760px){.cgip-feature-grid,.cgip-creator-grid{grid-template-columns:1fr 1fr}.cgip-section-head{display:block}.cgip-stats{gap:22px}.cgip-creator-image{height:150px}}
@media(max-width:520px){.cgip-feature-grid,.cgip-creator-grid,.cgip-form{grid-template-columns:1fr}.cgip-catalog-toolbar{align-items:flex-start;flex-direction:column}.cgip-hero{border-radius:15px}.cgip-form-wrap{padding:22px}.cgip-stats{display:grid;grid-template-columns:1fr 1fr}}

.cgip-fee-panel{display:flex;flex-direction:column;gap:6px;margin:22px 0 8px;padding:18px;border:1px solid #5c5038;background:linear-gradient(120deg,#211f19,#151515);border-radius:10px}.cgip-fee-panel>span{font-size:12px;color:#c8cbd0}.cgip-fee-panel strong{font-size:28px;color:#e2c47f}.cgip-fee-panel small{font-size:11px;line-height:1.5;color:#a6a9af}


/* Theme-aware overrides: use Crypto Goodies' existing light/dark design tokens. */
.cgip,
.cgip-form-wrap,
.cgip-dashboard,
.cgip-lock,
.cgip-locked-catalog {
  --cgip-bg: var(--bg-color, #fff);
  --cgip-text: var(--text-color, #000);
  --cgip-muted: var(--text-muted, #3d3e40);
  --cgip-card: var(--card-bg, #f9f9f9);
  --cgip-pill: var(--pill-bg, #f9f9f9);
  --cgip-border: var(--border-color, #ebebeb);
  --cgip-link: var(--link-color, #007bff);
  --cgip-primary: var(--text-primary, #111827);
  color: var(--cgip-text);
}
.cgip { width:100%; max-width:1400px; margin-left:auto; margin-right:auto; padding-left:clamp(16px,2.2vw,32px); padding-right:clamp(16px,2.2vw,32px); }
.cgip-hero { background:var(--page-header-bg,#f9f9f9); border-color:var(--cgip-border); box-shadow:0 10px 30px var(--shadow,rgba(0,0,0,.05)); }
.cgip-hero h1,.cgip-section h2,.cgip-join h2 { color:var(--cgip-primary); }
.cgip-hero h1 span { color:var(--cgip-link); }
.cgip-hero>p,.cgip-section-head>p,.cgip-stats span,.cgip-feature-grid p,.cgip-join p { color:var(--cgip-muted); }
.cgip-stats { border-color:var(--cgip-border); }
.cgip-stats strong { color:var(--cgip-text); }
.cgip-btn { background:var(--text-color,#000); color:var(--bg-color,#fff)!important; border-color:var(--text-color,#000); }
.cgip-btn:hover { background:var(--link-color,#007bff); border-color:var(--link-color,#007bff); color:#fff!important; }
.cgip-btn-outline { background:transparent; color:var(--cgip-text)!important; border-color:var(--cgip-border); }
.cgip-feature-grid article,.cgip-dashboard-card,.cgip-creator-card,.cgip-join,.cgip-locked-catalog,.cgip-empty,.cgip-lock {
  background:var(--card-bg,#f9f9f9); border-color:var(--cgip-border); box-shadow:0 8px 24px var(--shadow,rgba(0,0,0,.05));
}
.cgip-feature-grid h3,.cgip-creator-body h3,.cgip-creator-body h3 a,.cgip-metrics strong,
.cgip-dashboard-card h3,.cgip-locked-catalog h3,.cgip-empty h3,.cgip-lock h2 { color:var(--cgip-primary); }
.cgip-creator-image { background:var(--page-header-bg,#f9f9f9); }
.cgip-chip,.cgip-availability { background:var(--pill-bg,#f9f9f9); color:var(--cgip-text); border:1px solid var(--cgip-border); }
.cgip-metrics { border-color:var(--cgip-border); }
.cgip-metrics span,.cgip-locked-catalog p,.cgip-empty p,.cgip-lock p,.cgip-dashboard-card p { color:var(--cgip-muted); }
.cgip-text-link { color:var(--link-color,#007bff)!important; }
.cgip-form-wrap,.cgip-dashboard { background:var(--bg-color,#fff); color:var(--cgip-text); border-color:var(--cgip-border); box-shadow:0 12px 32px var(--shadow,rgba(0,0,0,.05)); }
.cgip-form-wrap h2,.cgip-dashboard h2 { color:var(--cgip-primary); }
.cgip-form-wrap>p,.cgip-dashboard>p,.cgip-field { color:var(--cgip-muted); }
.cgip-field input,.cgip-field select,.cgip-field textarea,.cgip-catalog-toolbar select {
  background:var(--bg-color,#fff); color:var(--text-color,#000); border-color:var(--cgip-border);
}
.cgip-field input::placeholder,.cgip-field textarea::placeholder { color:var(--cgip-muted); opacity:.8; }
.cgip-fee-panel { background:var(--card-bg,#f9f9f9); border-color:var(--cgip-border); }
.cgip-fee-panel>span,.cgip-fee-panel small { color:var(--cgip-muted); }
.cgip-fee-panel strong { color:var(--cgip-primary); }
.cgip-notice { background:var(--card-bg,#f9f9f9); border-color:var(--cgip-border); color:var(--cgip-text); }
.cgip-catalog-toolbar { color:var(--cgip-muted); }
.cgip-avatar { color:var(--cgip-link); }
.cgip-creator-card:hover { border-color:var(--link-color,#007bff); }
.cgip-profile { max-width:1100px; margin:clamp(20px,4vw,48px) auto; }
.cgip-profile-content { color:var(--cgip-text); line-height:1.7; }
.cgip-profile-content a { color:var(--cgip-link); }
.cgip-locked-catalog { max-width:1400px; margin:24px auto; padding:clamp(28px,4vw,56px); }
.cgip .cgip-section { padding-top:clamp(42px,6vw,76px); padding-bottom:clamp(32px,5vw,60px); }
.cgip-creator-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
}
@media (max-width: 1399px) {
  .cgip-creator-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .cgip-creator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .cgip-creator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.cgip-feature-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
.cgip-catalog-toolbar form { align-items:center; }
.cgip-catalog-toolbar select { min-width:190px; border-radius:8px; padding:10px 12px; }
@media (prefers-reduced-motion: reduce) {
  .cgip-creator-card,.cgip-btn { transition:none; }
}
body.dark-mode .cgip-hero { background:var(--page-header-bg,#111); }
body.dark-mode .cgip-btn { background:var(--text-color,#fff); color:var(--bg-color,#000)!important; border-color:var(--text-color,#fff); }
body.dark-mode .cgip-btn-outline { background:transparent; color:var(--text-color,#fff)!important; border-color:var(--border-color,#222); }
body.dark-mode .cgip-btn:hover { background:var(--link-color,#1e90ff); color:#fff!important; border-color:var(--link-color,#1e90ff); }
body.dark-mode .cgip-creator-image { background:var(--page-header-bg,#111); }


/* v1.2.3: Graphite luxury UI. Strict monochrome palette, no gold or blue accents. */
.cgip {
  --cgip-bg: #0b0c0d;
  --cgip-card: #141618;
  --cgip-line: #2a2d30;
  --cgip-text: #f5f5f5;
  --cgip-muted: #a4a8ad;
  --cgip-gold: #f5f5f5;
  --cgip-link: #f5f5f5;
  color: var(--cgip-text);
}
.cgip-nav {
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  margin:0 auto 22px; padding:14px 0 18px; border-bottom:1px solid #2a2d30;
}
.cgip-nav-brand { display:flex; align-items:center; gap:11px; color:#f5f5f5!important; text-decoration:none!important; flex-shrink:0; }
.cgip-brand-mark { display:grid; place-items:center; width:40px; height:40px; border:1px solid #666b70; border-radius:10px; color:#fff; font-size:12px; font-weight:800; letter-spacing:-.05em; }
.cgip-nav-brand strong,.cgip-nav-brand small { display:block; line-height:1.4; }
.cgip-nav-brand strong { font-size:11px; letter-spacing:.12em; }
.cgip-nav-brand small { color:#9da2a8; font-size:9px; letter-spacing:.16em; margin-top:3px; }
.cgip-nav-links { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; }
.cgip-nav-link { display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid transparent; border-radius:8px; color:#bfc3c7!important; font-size:12px; font-weight:600; text-decoration:none!important; transition:background .18s,border-color .18s,color .18s; }
.cgip-nav-link svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.cgip-nav-link:hover,.cgip-nav-link.is-active { background:#1b1e20; border-color:#34383c; color:#fff!important; }
.cgip-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:10px 0 20px; color:#92979d; font-size:12px; }
.cgip-breadcrumbs a { color:#d9dcdf!important; text-decoration:none!important; }
.cgip-breadcrumbs a:hover { color:#fff!important; text-decoration:underline!important; }
.cgip .cgip-hero { background:radial-gradient(ellipse at 85% 0%,#25282b 0,transparent 42%),linear-gradient(135deg,#0d0f10,#181b1e); border:1px solid #2d3034; border-radius:22px; box-shadow:0 22px 65px rgba(0,0,0,.22); }
.cgip .cgip-eyebrow,.cgip .cgip-hero h1 span,.cgip .cgip-feature-grid article>span,.cgip .cgip-lock-icon,.cgip .cgip-avatar,.cgip .cgip-text-link,.cgip .cgip-fee-panel strong { color:#e8e9ea!important; }
.cgip .cgip-btn,.cgip .cgip-btn:hover,.cgip .cgip-btn:focus {
  background:#f4f4f4!important; color:#101112!important; border-color:#f4f4f4!important; box-shadow:none;
}
.cgip .cgip-btn:hover { background:#d9dcdf!important; border-color:#d9dcdf!important; transform:translateY(-1px); }
.cgip .cgip-btn-outline,.cgip .cgip-btn-outline:hover { background:transparent!important; color:#f4f4f4!important; border-color:#555a60!important; }
.cgip .cgip-btn-outline:hover { background:#202326!important; border-color:#858b91!important; }
.cgip .cgip-feature-grid article,.cgip .cgip-dashboard-card,.cgip .cgip-creator-card,.cgip .cgip-join,.cgip .cgip-locked-catalog,.cgip .cgip-empty,.cgip .cgip-lock,.cgip .cgip-form-wrap,.cgip .cgip-dashboard {
  background:#121416!important; color:#f3f4f5; border-color:#2b2e32!important; box-shadow:0 14px 36px rgba(0,0,0,.18);
}
.cgip .cgip-feature-grid h3,.cgip .cgip-creator-body h3,.cgip .cgip-creator-body h3 a,.cgip .cgip-metrics strong,.cgip .cgip-dashboard-card h3,.cgip .cgip-locked-catalog h3,.cgip .cgip-empty h3,.cgip .cgip-lock h2,.cgip .cgip-form-wrap h2,.cgip .cgip-dashboard h2 { color:#f5f5f5!important; }
.cgip .cgip-hero h1,.cgip .cgip-section h2,.cgip .cgip-join h2 { color:#f7f7f7!important; }
.cgip .cgip-hero>p,.cgip .cgip-section-head>p,.cgip .cgip-stats span,.cgip .cgip-feature-grid p,.cgip .cgip-join p,.cgip .cgip-form-wrap>p,.cgip .cgip-dashboard>p,.cgip .cgip-field,.cgip .cgip-metrics span,.cgip .cgip-locked-catalog p,.cgip .cgip-empty p,.cgip .cgip-lock p,.cgip .cgip-dashboard-card p { color:#a8adb2!important; }
.cgip .cgip-creator-card:hover { border-color:#777d83!important; transform:translateY(-3px); }
.cgip .cgip-creator-image { background:linear-gradient(135deg,#25282b,#111315)!important; }
.cgip .cgip-chip,.cgip .cgip-availability { background:#202326!important; color:#dfe1e3!important; border:1px solid #363a3e!important; }
.cgip .cgip-availability:before,.cgip .cgip-limited:before,.cgip .cgip-unavailable:before { background:#aeb3b8!important; }
.cgip .cgip-metrics,.cgip .cgip-stats { border-color:#2b2f33!important; }
.cgip .cgip-text-link,.cgip .cgip-profile-content a { color:#e4e6e8!important; }
.cgip .cgip-field input,.cgip .cgip-field select,.cgip .cgip-field textarea,.cgip .cgip-catalog-toolbar select {
  background:#0d0f10!important; color:#f3f4f5!important; border:1px solid #363a3f!important; border-radius:9px;
}
.cgip .cgip-field input:focus,.cgip .cgip-field select:focus,.cgip .cgip-field textarea:focus,.cgip .cgip-catalog-toolbar select:focus { outline:2px solid #777d83; outline-offset:1px; border-color:#777d83!important; }
.cgip .cgip-fee-panel { background:#1a1d1f!important; border-color:#363a3e!important; }
.cgip .cgip-notice { background:#1b1e20!important; border-color:#41464b!important; color:#e8e9ea!important; }
.cgip .cgip-catalog-toolbar { color:#a8adb2!important; }
.cgip .cgip-profile { max-width:1100px; }
@media(max-width:900px) {
  .cgip-nav { align-items:flex-start; flex-direction:column; }
  .cgip-nav-links { justify-content:flex-start; }
}
@media(max-width:520px) {
  .cgip-nav-link { padding:9px 10px; font-size:11px; }
  .cgip-nav-link svg { width:15px; height:15px; }
  .cgip-nav-brand strong { font-size:10px; }
  .cgip .cgip-hero { padding:34px 22px; }
}