/* CLUBE 4236 · identidade "φ³" (2026-10-13, alinhada ao PhiCube do Bo Williams)
 * Tokens e peças compartilhadas entre a página do Clube (/4236), o cadastro (/4236/cadastro)
 * e a área do Clube no app. Os desenhos (escada φ, nuvem, cartão) vivem em onda.js.
 * Paleta e tipos do deck do PhiCube: dourado sobre azul-noite; Caladea (métrica da Cambria)
 * e Carlito (métrica da Calibri). Regra: ouro só em número, φ³ e botão principal. */
:root{
  --o-ink:#0a0e1a; --o-ink2:#10172a; --o-ink3:#1b2742;
  --o-paper:#efe8da; --o-bone:#e8ebf1; --o-mute:#97a1b3; --o-mute2:#5f6a80;
  --o-gold1:#e8c872; --o-gold2:#c9a54a; --o-gold3:#9a7a2c; --o-gold4:#5e4a17;
  --o-line:rgba(151,161,179,.16); --o-line-gold:rgba(201,165,74,.32);
  --o-gold:linear-gradient(120deg,var(--o-gold1) 0%,var(--o-gold2) 42%,var(--o-gold3) 78%,var(--o-gold2) 100%);
  --o-display:'Caladea',Cambria,Georgia,'Times New Roman',serif;
  --o-body:'Carlito',Calibri,'Segoe UI',system-ui,-apple-system,sans-serif;
}
.o-gold-text{background:var(--o-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.o-lbl{font-family:var(--o-body);font-weight:700;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--o-gold2)}

/* assinatura: CLUBE / 4236 φ³ */
.o-lock{display:inline-flex;flex-direction:column;gap:6px;line-height:1}
.o-lock .k{font-family:var(--o-body);font-weight:700;font-size:13px;letter-spacing:.66em;color:var(--o-bone);padding-left:.2em}
.o-lock .n{font-family:var(--o-display);font-weight:700;line-height:.86;letter-spacing:-.01em;padding:.14em .04em 0;margin:-.14em 0 0 -.04em;background:var(--o-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:lining-nums}
/* o símbolo oficial do PhiCube (φ³), pintado de ouro por máscara */
.o-lock .n::after{content:'';display:inline-block;width:.36em;height:.36em;margin-left:.08em;vertical-align:top;position:relative;top:.02em;background:var(--o-gold);-webkit-mask:url(/assets/clube/phicube-mark.png) center/contain no-repeat;mask:url(/assets/clube/phicube-mark.png) center/contain no-repeat}
.pmark{display:inline-block;width:1em;height:1em;background:var(--o-gold);-webkit-mask:url(/assets/clube/phicube-mark.png) center/contain no-repeat;mask:url(/assets/clube/phicube-mark.png) center/contain no-repeat;vertical-align:-.12em}
.plogo{display:block;height:22px;width:auto}

/* botão principal (o único lugar onde o ouro vira bloco) */
.o-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border:0;border-radius:3px;cursor:pointer;
  font-family:var(--o-body);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#141006;text-decoration:none;
  background:var(--o-gold);background-size:180% 100%;box-shadow:0 12px 40px -14px rgba(201,165,74,.6),inset 0 1px 0 rgba(255,255,255,.4);
  transition:background-position .5s ease,transform .15s ease}
.o-btn:hover{background-position:100% 0}
.o-btn:active{transform:translateY(1px)}
.o-btn:focus-visible{outline:2px solid var(--o-gold1);outline-offset:3px}
.o-btn[disabled]{opacity:.6;cursor:wait}
.o-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid var(--o-line-gold);border-radius:3px;
  font-family:var(--o-body);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--o-bone);text-decoration:none;background:transparent}
.o-btn-ghost:hover{border-color:var(--o-gold2)}
.o-btn-ghost:focus-visible{outline:2px solid var(--o-gold1);outline-offset:3px}

/* cartão de fundador (proporção de cartão: 1,586:1) */
.o-card{position:relative;width:100%;aspect-ratio:1.586/1;border-radius:14px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 140% at 85% 0%,#1d2a48 0%,#0e1424 55%,#090c16 100%);
  border:1px solid var(--o-line-gold);box-shadow:0 30px 80px -30px rgba(201,165,74,.32),inset 0 1px 0 rgba(255,255,255,.06);container-type:inline-size}
.o-card canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.o-card .ct{position:absolute;inset:0;padding:6% 7%;display:flex;flex-direction:column;justify-content:space-between;color:var(--o-bone)}
.o-card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.o-card .top .k{font-family:var(--o-body);font-weight:700;font-size:clamp(9px,3.4cqi,13px);letter-spacing:.46em}
.o-card .top .w{font-family:var(--o-body);font-weight:700;font-size:clamp(9px,3cqi,12px);letter-spacing:.2em;color:#141006;background:var(--o-gold);padding:5px 10px;border-radius:99px;white-space:nowrap}
.o-card .num{font-family:var(--o-display);font-weight:700;font-size:clamp(40px,20cqi,96px);line-height:.9;letter-spacing:-.01em;background:var(--o-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:lining-nums tabular-nums}
.o-card .num small{font-size:.3em;letter-spacing:.1em;margin-right:.25em;vertical-align:1em}
.o-card .bot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-family:var(--o-body);font-size:clamp(8px,2.6cqi,11.5px);color:var(--o-mute);letter-spacing:.14em;text-transform:uppercase}
.o-card .bot b{display:block;color:var(--o-bone);font-family:var(--o-display);font-style:italic;font-weight:400;letter-spacing:0;text-transform:none;font-size:clamp(12px,4.4cqi,20px);margin-top:3px;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* retrato do Bo: preto e branco de alto contraste, luz dourada e sombra azul-noite */
.o-portrait{position:relative;overflow:hidden;background:#0c1120;isolation:isolate}
.o-portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.15) brightness(.92)}
.o-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(232,200,114,.24),rgba(27,39,66,.18) 45%,rgba(10,14,26,.6));mix-blend-mode:soft-light;pointer-events:none}

@media (prefers-reduced-motion:reduce){.o-btn{transition:none}}