/* Bilan Crypto (01/11/2026) : l'habillage de bilancrypto.fr, par-dessus le socle des pages publiques (web/seo.STYLE).
   Encre profonde, un dégradé électrique (indigo → cyan), du vert et du rouge qui ne servent qu'aux gains et aux pertes.
   Téléphone d'abord : tout est vérifié à 390 px. Les animations respectent prefers-reduced-motion. */
:root{
  --bc-encre:#0B1020;--bc-encre2:#151B33;--bc-encre3:#1E2647;
  --bc-fond:#F6F7FB;--bc-surface:#FFFFFF;--bc-texte:#141829;--bc-sec:#5F6680;--bc-filet:#E3E6F0;
  --bc-indigo:#5B5BF6;--bc-cyan:#22D3EE;--bc-violet:#8B5CF6;
  --bc-gain:#16A34A;--bc-gain-f:#EAF8EF;--bc-perte:#E11D48;--bc-perte-f:#FDECF0;--bc-neutre:#8A90A8;--bc-neutre-f:#EEF0F6;
  --bc-deg:linear-gradient(135deg,var(--bc-indigo),var(--bc-cyan));
  --bc-ombre:0 10px 30px rgba(20,24,41,.08),0 1px 2px rgba(20,24,41,.06);
}
body.bc{background:var(--bc-fond);color:var(--bc-texte)}
body.bc nav a{color:var(--bc-texte)}
body.bc nav a.m{color:var(--bc-encre)}
body.bc main h1,body.bc main h2,body.bc main h3{font-family:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.02em}
body.bc .bc-n,body.bc .sub{color:var(--bc-sec)}
body.bc footer{border-top:1px solid var(--bc-filet)}
body.bc a.cta,body.bc .bc-form button{background:var(--bc-encre)}

/* --- hero ------------------------------------------------------------------------------------------------------------------- */
.bc-hero{position:relative;overflow:hidden;margin:.6rem -1rem 0;padding:2.4rem 1rem 1.8rem;background:var(--bc-encre);color:#fff;border-radius:22px}
@media(min-width:640px){.bc-hero{margin:1rem 0 0;padding:3.2rem 2.4rem 2.4rem;display:grid;grid-template-columns:1.3fr .9fr;gap:2rem;align-items:center}}
.bc-hero-g{position:absolute;inset:-40% -20% auto auto;width:70%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(91,91,246,.55),rgba(34,211,238,.18) 55%,transparent 72%);filter:blur(10px);animation:bc-flotte 14s ease-in-out infinite alternate}
.bc-hero::after{content:"";position:absolute;left:-10%;bottom:-55%;width:55%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(34,211,238,.35),transparent 70%);filter:blur(12px)}
.bc-hero-t{position:relative;z-index:1}
.bc-sur{margin:0 0 .6rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.bc-hero h1{margin:0 0 .6rem;font-size:clamp(1.9rem,6vw,3rem);line-height:1.05;color:#fff;font-weight:800}
.bc-hero h1::after{content:"";display:block;width:4.5rem;height:4px;margin-top:.8rem;border-radius:4px;background:var(--bc-deg)}
.bc-sous{margin:0 0 1.2rem;font-size:1.05rem;line-height:1.5;color:rgba(255,255,255,.8);max-width:36rem}
.bc-form{display:flex;flex-direction:column;gap:.5rem}
@media(min-width:640px){.bc-form{flex-direction:row}}
.bc-form input{flex:1;min-width:0;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:1rem}
.bc-form input::placeholder{color:rgba(255,255,255,.5)}
.bc-form input:focus{outline:2px solid var(--bc-cyan);outline-offset:1px;background:rgba(255,255,255,.12)}
.bc-form button{padding:.95rem 1.4rem;border:0;border-radius:12px;background:var(--bc-deg)!important;color:#fff;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;
  box-shadow:0 8px 24px rgba(91,91,246,.35);transition:transform .15s,box-shadow .15s}
.bc-form button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(34,211,238,.35)}
.bc-form-e{margin:.5rem 0 0;padding:.5rem .8rem;border-radius:10px;background:rgba(244,63,94,.18);color:#FFD2DA;font-size:.9rem}
.bc-form input[aria-invalid="true"]{outline:2px solid #FB7185}
.bc-form-n{margin:.6rem 0 0;font-size:.84rem;color:rgba(255,255,255,.6)}
.bc-form-n a{color:#fff}
.bc-niv{position:relative;z-index:1;display:grid;gap:.5rem;margin-top:1.4rem}
@media(min-width:640px){.bc-niv{margin-top:0}}
.bc-niv-b{display:flex;flex-direction:column;gap:.1rem;padding:.75rem .95rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;text-decoration:none;transition:background .15s,border-color .15s}
.bc-niv-b small{font-size:.8rem;color:rgba(255,255,255,.6)}
.bc-niv-b:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.bc-niv-b.on{border-color:transparent;background:linear-gradient(var(--bc-encre2),var(--bc-encre2)) padding-box,var(--bc-deg) border-box;border:1.5px solid transparent}
.bc-niv-b.on b::after{content:" ✓";color:var(--bc-cyan)}

/* --- la bande lumineuse ------------------------------------------------------------------------------------------------------- */
.bc-bande{position:relative;display:flex;overflow:hidden;margin:1rem -1rem 0;padding:.55rem 0;background:var(--bc-encre2);color:#fff;
  border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);isolation:isolate}
@media(min-width:640px){.bc-bande{margin:1rem 0 0;border-radius:16px;border:1px solid rgba(255,255,255,.08)}}
.bc-bande::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--bc-ang,0deg),transparent 0 62%,rgba(34,211,238,.9) 78%,rgba(91,91,246,.9) 88%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;animation:bc-tour 9s linear infinite}
.bc-bande::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bc-encre2) 0,transparent 6%,transparent 94%,var(--bc-encre2) 100%)}
@property --bc-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.bc-piste{display:inline-flex;gap:.4rem;padding:0 .5rem;white-space:nowrap;animation:bc-defile var(--bc-duree,48s) linear infinite;will-change:transform}
.bc-bande:hover .bc-piste{animation-play-state:paused}
.bc-bi{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .7rem .42rem .5rem;border-radius:999px;background:rgba(255,255,255,.05);font-variant-numeric:tabular-nums}
.bc-bi-l{display:inline-flex;width:30px;height:30px;border-radius:50%;background:#fff;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 14px rgba(34,211,238,.25)}
.bc-bi-l img{width:24px;height:24px;border-radius:50%;object-fit:contain}
.bc-bi-n{font-weight:700;letter-spacing:.02em}
.bc-bi-p{color:rgba(255,255,255,.85)}
.bc-bi-s{display:inline-block;width:56px;height:20px}
.bc-bi .bc-chip{padding:.14rem .45rem}
.bc-bi .bc-chip.gain{background:rgba(52,211,153,.16)}.bc-bi .bc-chip.perte{background:rgba(251,113,133,.16)}.bc-bi .bc-chip.neutre{background:rgba(255,255,255,.08)}
.bc-bi .bc-chip.gain b{color:#34D399}.bc-bi .bc-chip.perte b{color:#FB7185}.bc-bi .bc-chip.neutre b{color:rgba(255,255,255,.55)}
.bc-bande-vide .bc-piste{animation:none}
.bc-clignote{animation:bc-cligne .9s ease-out}

/* --- sections ----------------------------------------------------------------------------------------------------------------- */
.bc-sec{margin:2.2rem 0 0}
.bc-sec-t{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .9rem}
.bc-sec-t h2{margin:0;font-size:1.45rem}
.bc-sec-t a{font-size:.9rem;color:var(--bc-indigo);text-decoration:none}
.bc-sec-t a:hover{text-decoration:underline}
.bc-maj{font-size:.8rem;color:var(--bc-sec)}

/* --- chips, courbes ----------------------------------------------------------------------------------------------------------- */
.bc-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;color:var(--bc-sec);background:var(--bc-neutre-f);font-variant-numeric:tabular-nums;white-space:nowrap}
.bc-chip b{font-weight:700;color:var(--bc-neutre)}
.bc-chip.gain{background:var(--bc-gain-f)}.bc-chip.gain b{color:var(--bc-gain)}
.bc-chip.perte{background:var(--bc-perte-f)}.bc-chip.perte b{color:var(--bc-perte)}
.bc-spark{display:block;width:100%;height:64px;overflow:visible}
.bc-spark-xs{height:20px}
.bc-spark .bc-ligne{stroke-dasharray:1000;stroke-dashoffset:0}
.bc-spark.bc-anime .bc-ligne{animation:bc-trace 1.1s cubic-bezier(.4,0,.2,1) both}
.bc-spark.bc-anime .bc-aire{animation:bc-fondu 1.2s ease .5s both}
.bc-spark .bc-pt{transform-box:fill-box;transform-origin:center;animation:bc-pouls 2.4s ease-in-out infinite}
.bc-spark-w{margin:.3rem 0 .5rem}

/* --- le marché : cartes ------------------------------------------------------------------------------------------------------- */
.bc-grille{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:560px){.bc-grille{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
.bc-card{position:relative;min-width:0;padding:.9rem 1rem .8rem;border:1px solid var(--bc-filet);border-radius:16px;background:var(--bc-surface);box-shadow:var(--bc-ombre);
  transition:transform .18s,box-shadow .18s,border-color .18s}
.bc-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(20,24,41,.12);border-color:#CDD3E8}
.bc-card header{display:flex;align-items:center;gap:.55rem}
.bc-card header img{width:36px;height:36px;border-radius:50%;object-fit:contain;background:#fff;flex:none}
.bc-card header .bc-chip{margin-left:auto}
.bc-rang{position:absolute;top:.55rem;left:.6rem;font-size:.62rem;color:var(--bc-sec);font-variant-numeric:tabular-nums}
.bc-nom{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.bc-nom b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-nom small{font-size:.72rem;color:var(--bc-sec);letter-spacing:.04em}
.bc-ini{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--bc-deg);color:#fff;font-weight:800;align-items:center;justify-content:center;flex:none}
.bc-prix{margin:.6rem 0 0;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--bc-encre)}
/* 01/11/2026 : le cours en dollars, en grand ; l'euro dessous, en second */
.bc-prix-usd{margin:.55rem 0 0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--bc-encre)}
.bc-prix.bc-prix-sec{margin:.1rem 0 0;font-size:1rem;font-weight:600;color:var(--bc-sec)}
.bc-prix-usd.bc-clignote{color:var(--bc-indigo)}
.bc-bi-u{font-weight:700;color:#fff}
.bc-bi-u+.bc-bi-p{font-size:.85em;color:rgba(255,255,255,.62)}
.bc-prix.bc-clignote{color:var(--bc-indigo)}
.bc-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:0}

/* --- l'actu ----------------------------------------------------------------------------------------------------------------- */
.bc-actu-encart{position:relative;display:block;padding:1rem 1.1rem 1rem 1.4rem;border:1px solid var(--bc-filet);border-radius:16px;background:var(--bc-surface);box-shadow:var(--bc-ombre);color:inherit;text-decoration:none;overflow:hidden}
.bc-actu-encart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--bc-deg)}
.bc-actu-encart:hover h3{color:var(--bc-indigo)}
.bc-actu-encart h3{margin:.4rem 0 .4rem;font-size:1.2rem}
.bc-actu-encart p{margin:0 0 .5rem;color:var(--bc-sec);line-height:1.5}
.bc-lire{font-size:.88rem;color:var(--bc-indigo);font-weight:600}
.bc-actu-d{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:0;font-size:.82rem;color:var(--bc-sec)}
.bc-badge{display:inline-block;white-space:nowrap;padding:.18rem .6rem;border-radius:999px;background:var(--bc-deg);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bc-badge-jour{background:var(--bc-encre)}
.bc-actu-jetons{display:inline-flex;gap:.2rem;margin-left:auto}
.bc-actu-jetons img{width:22px;height:22px;border-radius:50%;background:#fff;object-fit:contain;border:1px solid var(--bc-filet)}
.bc-actu{margin:0 0 2rem;padding:0 0 1.4rem;border-bottom:1px solid var(--bc-filet)}
.bc-actu:last-of-type{border:0}
.bc-actu h2{margin:.4rem 0 .6rem;font-size:1.35rem}
.bc-actu p{line-height:1.55}
.bc-actu-niv{font-size:.88rem;color:var(--bc-sec)}
.bc-actu-niv a{margin-left:.3rem}.bc-actu-niv b{margin-left:.3rem;color:var(--bc-indigo)}
.bc-actu-src{font-size:.85rem;color:var(--bc-sec)}
.bc-pill{display:inline-block;padding:.2rem .7rem;margin:0 .15rem;border:1px solid var(--bc-filet);border-radius:999px;color:var(--bc-texte);text-decoration:none;font-size:.85rem}
.bc-pill-on{background:var(--bc-encre);color:#fff;border-color:var(--bc-encre)}

/* --- ce que vous obtenez, le nuage, la FAQ ---------------------------------------------------------------------------------- */
.bc-trois{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:720px){.bc-trois{grid-template-columns:repeat(3,1fr)}}
.bc-feat{display:block;padding:1.1rem 1.1rem 1rem;border:1px solid var(--bc-filet);border-radius:16px;background:var(--bc-surface);box-shadow:var(--bc-ombre);color:inherit;text-decoration:none;transition:transform .18s}
.bc-feat:hover{transform:translateY(-2px)}
.bc-feat-i{display:inline-flex;width:40px;height:40px;border-radius:12px;background:var(--bc-deg);color:#fff;font-size:1.25rem;font-weight:800;align-items:center;justify-content:center}
.bc-feat h3{margin:.7rem 0 .3rem;font-size:1.1rem}
.bc-feat p{margin:0;color:var(--bc-sec);font-size:.92rem;line-height:1.5}
.bc-nuage{display:grid;gap:.7rem}
.bc-nuage-r{display:grid;grid-template-columns:5.6rem 1fr;align-items:center;gap:.6rem}
.bc-nuage-l{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bc-sec)}
.bc-nuage-p{display:flex;flex-wrap:wrap;gap:.45rem}
.bc-nuage-p img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--bc-filet);transition:transform .15s}
.bc-nuage-p img:hover{transform:scale(1.18)}
.bc-faq details{padding:.7rem 0;border-bottom:1px solid var(--bc-filet)}
.bc-faq summary{cursor:pointer;font-weight:600}
.bc-faq p{margin:.5rem 0 0;color:var(--bc-sec);line-height:1.5}
.bc-n{font-size:.86rem;margin:.9rem 0 0}

/* --- dans le bilan : les cartes des jetons détenus ---------------------------------------------------------------------------- */
.bc-jetons{display:grid;gap:.7rem;grid-template-columns:1fr;margin:.6rem 0 1rem}
@media(min-width:640px){.bc-jetons{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.bc-jetons{grid-template-columns:repeat(3,1fr)}}
.bc-jeton{position:relative;padding:.8rem .9rem .7rem;border:1px solid var(--bc-filet);border-radius:14px;background:#fff;box-shadow:var(--bc-ombre)}
.bc-jeton header{display:flex;align-items:center;gap:.5rem}
.bc-jeton header img{width:30px;height:30px;border-radius:50%;object-fit:contain;background:#fff;flex:none}
.bc-jeton .bc-nom b{font-size:.95rem}
.bc-jeton .bc-val{margin-left:auto;text-align:right;line-height:1.15}
.bc-jeton .bc-val b{display:block;font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--bc-encre)}
.bc-jeton .bc-val small{font-size:.72rem;color:var(--bc-sec);font-variant-numeric:tabular-nums}
.bc-jeton .bc-spark-w{margin:.35rem 0 .4rem;min-height:64px}
.bc-jeton .bc-chips .bc-chip{font-size:.74rem;padding:.16rem .45rem}
.bc-jeton[data-attente] .bc-spark-w{opacity:.55}

.bc-plus{margin:.2rem 0 .8rem}
.bc-plus summary{cursor:pointer;color:var(--bc-indigo);font-weight:600;font-size:.92rem;padding:.3rem 0}
.bc-plus[open] summary{margin-bottom:.4rem}

/* --- animations ------------------------------------------------------------------------------------------------------------- */
@keyframes bc-defile{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes bc-tour{to{--bc-ang:360deg}}
@keyframes bc-flotte{from{transform:translate(0,0)}to{transform:translate(-6%,8%)}}
@keyframes bc-trace{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes bc-fondu{from{opacity:0}to{opacity:1}}
@keyframes bc-pouls{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.45}}
@keyframes bc-cligne{0%{background:rgba(91,91,246,.25)}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){
  .bc-piste,.bc-bande::before,.bc-hero-g,.bc-spark .bc-pt,.bc-spark.bc-anime .bc-ligne,.bc-spark.bc-anime .bc-aire{animation:none!important}
  .bc-spark .bc-ligne{stroke-dashoffset:0!important}
}

/* --- la présentation du projet et les pages de brève (01/11/2026, web/seo_crypto) ----------------------------------------- */
.bc-pres{max-width:46rem}
.bc-pres h1{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.12;margin:.2rem 0 .8rem}
.bc-pres h2{margin:2rem 0 .6rem;font-size:1.35rem}
.bc-pres h3{margin:1.1rem 0 .3rem;font-size:1.05rem}
.bc-pres p,.bc-pres li{line-height:1.6}
.bc-sur-c{margin:1rem 0 0;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bc-indigo);font-weight:700}
.bc-def{font-size:1.08rem;padding:1rem 1.1rem;border-radius:14px;background:var(--bc-surface);border:1px solid var(--bc-filet);box-shadow:var(--bc-ombre);position:relative;overflow:hidden}
.bc-def::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--bc-deg)}
.bc-cta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.bc-btn{display:inline-block;padding:.75rem 1.2rem;border-radius:12px;background:var(--bc-deg);color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 8px 22px rgba(91,91,246,.28)}
.bc-btn-l{background:var(--bc-surface);color:var(--bc-texte)!important;border:1px solid var(--bc-filet);box-shadow:none}
.bc-faits{padding-left:1.1rem}.bc-faits li{margin:.25rem 0}
.bc-logos{display:flex;flex-wrap:wrap;gap:.4rem}.bc-logos img{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--bc-filet);object-fit:contain}
.bc-fil{margin:1rem 0 0;font-size:.88rem}.bc-fil a{color:var(--bc-indigo);text-decoration:none}.bc-fil a::before{content:"← "}
.bc-actu h1{margin:.4rem 0 .7rem;font-size:clamp(1.5rem,4.6vw,2rem);line-height:1.15}
.bc-actu-lien{color:inherit;text-decoration:none}.bc-actu-lien:hover{color:var(--bc-indigo)}
.bc-autre{margin:.6rem 0;padding:.6rem .9rem;border:1px solid var(--bc-filet);border-radius:12px;background:var(--bc-surface)}
.bc-autre summary{cursor:pointer;font-weight:600;color:var(--bc-indigo)}
.bc-autre h2{font-size:1.15rem;margin:.6rem 0 .4rem}