/* Área de membros Sem Cara de IA · identidade GIOVANE / HUMAN MADE DIGITAL (mesmos tokens do semcaradeia.com.br) */
:root{--ink:#100F0D;--ink2:#171614;--ink3:#1E1D1A;--raw:#F1EEE8;--or:#FF5A1F;--or2:#ff6d38;--conc:#A6A29A;--soft:#D8D4CC;--gray:#292826;--line:rgba(241,238,232,.12);--line2:rgba(241,238,232,.2);--pad:20px;--max:1120px;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:150px}
body{background:var(--ink);color:var(--raw);font-family:'Instrument Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}
a{color:inherit}
button,input{font:inherit;color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.muted{color:var(--conc)}
.or{color:var(--or)}
.h{font-weight:700;font-stretch:80%;text-transform:uppercase;letter-spacing:-.035em;line-height:.9}
.tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.tag::before{content:"";width:9px;height:9px;background:var(--or);flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--or);color:var(--ink);border:0;cursor:pointer;text-decoration:none;font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:16px 22px;border-radius:2px;transition:background .15s,transform .15s}
.btn:hover{background:var(--or2)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible,.chip:focus-visible,input:focus-visible,.card-btn:focus-visible{outline:2px solid var(--raw);outline-offset:2px}
.btn.ghost{background:transparent;color:var(--raw);border:1px solid var(--line2)}
.btn.ghost:hover{border-color:var(--raw)}
.btn[disabled]{opacity:.55;cursor:wait}
.arrow::after{content:"→"}

/* topo */
.top{position:sticky;top:0;z-index:30;background:rgba(16,15,13,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}
.brand b{font-weight:700;font-stretch:80%;font-size:21px;letter-spacing:-.02em}
.brand b sup{font-size:8px;vertical-align:top;margin-left:1px}
.brand span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--conc);text-transform:uppercase}
.top nav{display:flex;align-items:center;gap:6px}
.top nav a{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--conc);padding:8px 10px;border-radius:2px}
.top nav a:hover,.top nav a[aria-current=page]{color:var(--raw)}
.top nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--or)}
.eu{display:flex;align-items:center;gap:10px}
.eu .av{width:32px;height:32px;border-radius:50%;background:var(--gray);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:600}
.eu a{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--conc);text-decoration:none}
.eu a:hover{color:var(--raw)}
@media(max-width:640px){.brand span,.eu .nome{display:none}.top nav a{padding:8px 6px;font-size:11px}}

/* rodapé */
.rodape{border-top:1px solid var(--line);margin-top:72px;padding:32px 0 48px;color:var(--conc);font-size:13px}
.rodape .wrap{display:grid;gap:10px}
.rodape a{color:var(--raw)}

/* aviso flutuante (copiado) */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--raw);color:var(--ink);font-weight:600;font-size:14px;padding:12px 18px;border-radius:2px;transition:.2s;z-index:60;max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* carregando */
.esqueleto{background:linear-gradient(90deg,var(--ink2),var(--ink3),var(--ink2));background-size:200% 100%;animation:pulsa 1.2s infinite;border-radius:6px}
@keyframes pulsa{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}