/* Light theme, green accent (barton-like), clean cards */
:root{--bg:#ffffff;--ink:#0b1220;--muted:#475569;--ring:rgba(2,6,23,.08);--brand:#16a34a;--brandDark:#15803d;--brandSoft:#dcfce7}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
.card{background:#fff;border:1px solid var(--ring);border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.card h3{font-weight:800;margin-bottom:.35rem}
.card p,.card li{color:#475569}
.badge{display:inline-block;background:var(--brandSoft);color:var(--brandDark);border:1px solid rgba(22,163,74,.25);padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem}
.section-num{position:absolute;right:12px;top:-10px;font-size:62px;font-weight:900;line-height:1;color:rgba(2,6,23,.06);user-select:none}
.input{display:block;width:100%;padding:.75rem .9rem;border-radius:12px;background:#fff;border:1px solid #e2e8f0;color:#0f172a}
.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(22,163,74,.12);outline:0}
.label{display:block;font-size:.9rem;margin-bottom:.25rem;color:#0f172a}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}

.logo-row img:hover{opacity:1}


/* === Anthracite theme overrides === */
:root{
  --anth-bg: #1f2730;        /* base background */
  --anth-bg-2: #222c36;      /* section gradient end */
  --anth-surface: rgba(255,255,255,.04);
  --anth-border: rgba(255,255,255,.10);
  --anth-muted: rgba(226,232,240,.75);
  --anth-text: #e5e7eb;
}
body{background:var(--anth-bg) !important; color:var(--anth-text) !important;}
.card{background:var(--anth-surface) !important; border:1px solid var(--anth-border) !important; color:var(--anth-text)}
.card p,.card li{color:var(--anth-muted) !important}
.badge{background:rgba(34,197,94,.12) !important; color:#86efac !important; border:1px solid rgba(34,197,94,.25) !important}



/* === Cookie POPUP (antracit) === */
.cc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:80;display:none}
.cc-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px}
.cc-modal .cc-dialog{width:100%;max-width:720px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.cc-close{background:transparent;border:1px solid rgba(255,255,255,.25);color:#e5e7eb;border-radius:10px;padding:.4rem .6rem}
.cc-btn{border-radius:12px;padding:.6rem 1rem;font-weight:700}
.cc-btn-accept{background:#16a34a;color:#fff;border:1px solid rgba(34,197,94,.5)}
.cc-btn-decline{background:transparent;color:#e5e7eb;border:1px solid rgba(255,255,255,.25)}
.cc-switch{appearance:none;width:42px;height:24px;border-radius:999px;background:rgba(255,255,255,.25);position:relative;transition:all .2s}
.cc-switch:checked{background:#16a34a}
.cc-switch:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;transition:all .2s}
.cc-switch:checked:before{transform:translateX(18px)}


/* === Bubble cards (anthracite surface, CTA-like) === */
.bubble{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  position: relative;
  overflow: hidden;
}
.bubble:before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(1200px 400px at -10% -50%, rgba(34,197,94,.10), transparent 60%);
  pointer-events:none;
}
.bubble h3{ font-weight:800; }
.bubble .num{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:999px;
  background:rgba(34,197,94,.15); color:#86efac; font-weight:900;
  border:1px solid rgba(34,197,94,.35);
  box-shadow: inset 0 0 0 2px rgba(34,197,94,.1);
  margin-bottom:.75rem;
}
.bubble .meta{ display:inline-block; font-size:.75rem; color:rgba(255,255,255,.7); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:.2rem .5rem; border-radius:.5rem; }


/* Fallback bubble styles (ensure visible even if cache old CSS) */
.bubble{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  position: relative;
  overflow: hidden;
}
.bubble:before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(1200px 400px at -10% -50%, rgba(34,197,94,.10), transparent 60%);
  pointer-events:none;
}
.bubble h3{ font-weight:800; }
.bubble .num{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:999px;
  background:rgba(34,197,94,.15); color:#86efac; font-weight:900;
  border:1px solid rgba(34,197,94,.35);
  box-shadow: inset 0 0 0 2px rgba(34,197,94,.1);
  margin-bottom:.75rem;
}
.bubble .meta{ display:inline-block; font-size:.75rem; color:rgba(255,255,255,.7); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:.2rem .5rem; border-radius:.5rem; }



/* === Bubble cards (CTA-like surface) === */
.bubble{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  position: relative;
  overflow: hidden;
}
.bubble:before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(1200px 400px at -10% -50%, rgba(34,197,94,.10), transparent 60%);
  pointer-events:none;
}
.bubble h3{ font-weight:800; }
.bubble .num{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:999px;
  background:rgba(34,197,94,.15); color:#86efac; font-weight:900;
  border:1px solid rgba(34,197,94,.35);
  box-shadow: inset 0 0 0 2px rgba(34,197,94,.1);
  margin-bottom:.75rem;
}
.bubble .meta{ display:inline-block; font-size:.75rem; color:rgba(255,255,255,.7); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:.2rem .5rem; border-radius:.5rem; }



/* === Bubble cards (shared with home) === */
.bubble{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  position: relative;
  overflow: hidden;
}
.bubble:before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(1200px 400px at -10% -50%, rgba(34,197,94,.10), transparent 60%);
  pointer-events:none;
}
.bubble h3{ font-weight:800; }
.bubble .meta{ display:inline-block; font-size:.75rem; color:rgba(255,255,255,.75); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:.2rem .5rem; border-radius:.5rem; }


/* Basic copy protection */
body:not(.allow-copy) * { -webkit-user-select: none; user-select: none; }
img { -webkit-user-drag: none; user-drag: none; }