/* Velluto — uma identidade por área. Carregado depois de app.css e sections.css.
   Acompanhantes: néon da madrugada (Unbounded + Manrope)
   Privé:         revista de luxo (Cormorant Garamond + Jost)
   Vídeos:        sala de projeção (Archivo Expanded + JetBrains Mono)
   Painéis:       cliente = carteira noturna · anunciante = camarim · admin = sala de controle */

/* =========================================================== ACOMPANHANTES — néon */
.sec-main {
  --bg: #120b10; --bg-2: #170e15; --card: #1d121a; --card-2: #271923; --card-3: #34222e;
  --line: rgba(255, 170, 200, .08); --line-2: rgba(255, 170, 200, .16);
  --text: #fbf0f3; --muted: #c9b3bd; --dim: #9a8590;
  --rose: #ff3d5a; --rose-2: #e8204a; --rose-soft: rgba(255, 61, 90, .14);
  --gold: #ffb347; --gold-2: #e8902a;
  --grad-rose: linear-gradient(115deg, #ff9a3d 0%, #ff3d5a 45%, #ff2d8f 100%);
  --neon: 0 0 4px rgba(255, 224, 232, .9), 0 0 12px #ff3d5a, 0 0 30px rgba(255, 45, 143, .75), 0 0 60px rgba(255, 45, 143, .35);
  --display: "Unbounded", "Manrope", system-ui, sans-serif;
  --sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: var(--display);
}
.sec-main::before {
  background:
    radial-gradient(800px 480px at 92% -6%, rgba(255, 45, 143, .14), transparent 62%),
    radial-gradient(700px 520px at -8% 34%, rgba(255, 154, 61, .07), transparent 60%),
    radial-gradient(900px 600px at 50% 120%, rgba(120, 40, 255, .08), transparent 60%);
}
.sec-main :is(h1, h2, h3, .h2, .ad-name, .pf-name, .rs-big, .stat .v, .hero-stats strong),
.sec-main .logo { font-family: var(--display); }
.sec-main :is(h2, .h2) { font-weight: 700; letter-spacing: -.035em; }
.sec-main .logo span { font-weight: 700; letter-spacing: -.06em; }

/* O letreiro: a frase do topo acende como néon (uma vez, ao carregar). */
.sec-main .hero h1 { font-size: clamp(36px, 5.4vw, 72px); font-weight: 800; line-height: .98; letter-spacing: -.055em; max-width: 780px; }
.sec-main .hero h1 em {
  display: inline-block; color: #ffe8ee; background: none; -webkit-text-fill-color: currentColor;
  text-shadow: var(--neon); padding: 0 .06em; font-weight: 700;
  border: 2px solid rgba(255, 61, 90, .85); border-radius: .28em; margin: .06em 0;
  box-shadow: 0 0 10px rgba(255, 61, 90, .7), inset 0 0 14px rgba(255, 45, 143, .45), 0 0 46px rgba(255, 45, 143, .3);
  animation: neon-on 1.6s steps(1, end) .25s both;
}
@keyframes neon-on {
  0% { opacity: .15; text-shadow: none; box-shadow: none; }
  12% { opacity: 1; text-shadow: var(--neon); }
  18% { opacity: .2; text-shadow: none; box-shadow: none; }
  26% { opacity: 1; text-shadow: var(--neon); }
  30% { opacity: .45; }
  38%, 100% { opacity: 1; text-shadow: var(--neon); }
}
.sec-main .hero-bg::after { background: linear-gradient(90deg, rgba(18, 11, 16, .96) 0%, rgba(18, 11, 16, .78) 50%, rgba(18, 11, 16, .45) 100%), linear-gradient(180deg, transparent 55%, var(--bg)); }
.sec-main .hero-bg img { filter: saturate(1.25) hue-rotate(-12deg) contrast(1.05); }
.sec-main .hero-stats { gap: 8px 34px; }
.sec-main .hero-stats strong { color: var(--gold); font-weight: 700; font-size: 26px; text-shadow: 0 0 18px rgba(255, 179, 71, .45); letter-spacing: -.04em; }
.sec-main .hero-search { background: rgba(23, 12, 20, .78); border: 1.5px solid rgba(255, 61, 90, .55); box-shadow: 0 0 0 4px rgba(255, 61, 90, .08), 0 0 34px -6px rgba(255, 45, 143, .45); backdrop-filter: blur(10px); }
.sec-main .hero-search input { color: var(--text); }
.sec-main .hero-search input::placeholder { color: var(--dim); }
.sec-main .btn { font-family: var(--sans); font-weight: 800; letter-spacing: -.01em; }
.sec-main .btn-primary { box-shadow: 0 0 0 1px rgba(255, 170, 200, .25) inset, 0 12px 34px -12px rgba(255, 45, 143, .9); }
.sec-main .btn-outline { border-color: rgba(255, 61, 90, .7); color: #ffd3dc; }
.sec-main .sec-head h2 em, .sec-main .h2 em { color: #ffe8ee; text-shadow: 0 0 10px rgba(255, 61, 90, .9), 0 0 26px rgba(255, 45, 143, .55); }
.sec-main .story-ring { background: conic-gradient(from 210deg, #ffb347, #ff3d5a, #ff2d8f, #b14dff, #ffb347); box-shadow: 0 0 18px -2px rgba(255, 45, 143, .55); }
.sec-main .ad { border-radius: 20px; transition: transform .2s, box-shadow .25s; }
.sec-main .ad:hover { transform: translateY(-3px); box-shadow: 0 0 0 1.5px rgba(255, 61, 90, .8), 0 0 34px -4px rgba(255, 45, 143, .55); }
.sec-main .ad-name { font-size: 16px; font-weight: 700; letter-spacing: -.04em; }
.sec-main .hdr { background: rgba(18, 11, 16, .9); border-bottom-color: rgba(255, 61, 90, .18); }
.sec-main .footer { position: relative; border-top: 0; }
.sec-main .footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--grad-rose); box-shadow: 0 0 18px rgba(255, 45, 143, .8); }
.sec-main .chip.on, .sec-main .chip[aria-pressed="true"] { box-shadow: 0 0 16px -4px rgba(255, 45, 143, .7); }
.sec-main .luxo { box-shadow: 0 0 0 1px rgba(255, 179, 71, .25), 0 30px 60px -30px rgba(255, 179, 71, .35); }
.sec-main .tabbar { background: rgba(18, 11, 16, .96); border-top-color: rgba(255, 61, 90, .2); }
.sw-main.on::after { background: #ff3d5a; box-shadow: 0 0 10px #ff2d8f; }
.sw-main.on .i-sm { color: #ff3d5a; }

/* =========================================================== PRIVÉ — revista de luxo */
.sec-prive {
  --bg: #0e0a07; --bg-2: #140f0b; --card: #18120d; --card-2: #201912; --card-3: #2c2319;
  --line: rgba(233, 207, 159, .1); --line-2: rgba(233, 207, 159, .2);
  --text: #f4ecdf; --muted: #cbbda6; --dim: #9b8c75;
  --rose: #e5c690; --rose-2: #b8893f; --rose-soft: rgba(229, 198, 144, .12);
  --gold: #e5c690; --gold-2: #b8893f; --wine: #6e1f30;
  --grad-rose: linear-gradient(120deg, #f6e3bd 0%, #e5c690 40%, #b8893f 100%);
  --grad-gold: linear-gradient(120deg, #fbefd4 0%, #e5c690 38%, #a87a33 70%, #e9d3a3 100%);
  --display: "Cormorant Garamond", "Times New Roman", serif;
  --sans: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: var(--display);
  --radius: 3px; --radius-sm: 2px;
}
.sec-prive body, .sec-prive { letter-spacing: .005em; }
.sec-prive::before {
  background:
    radial-gradient(900px 600px at 80% -10%, rgba(229, 198, 144, .09), transparent 60%),
    radial-gradient(800px 600px at 0% 100%, rgba(110, 31, 48, .22), transparent 60%);
}
/* Grão de veludo */
.sec-prive::after {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; opacity: .07; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.sec-prive :is(h1, h2, h3, .h2, .cr-name, .pv-id h1, .pv-price, .plan-price) { font-family: var(--display); }
.sec-prive :is(h2, .h2) { font-size: clamp(30px, 3.6vw, 46px); font-weight: 600; font-style: italic; letter-spacing: -.01em; line-height: 1.02; }
.sec-prive h3 { font-weight: 600; font-style: italic; font-size: 1.35em; }
.sec-prive .sec-head h2 em, .sec-prive .h2 em { font-style: normal; color: transparent; background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; }
.sec-prive .sec-head h2 .i-lg { display: none; }
.sec-prive .sec-head p { font-weight: 300; letter-spacing: .02em; }

.sec-prive .pv-hero { padding: 96px 0 80px; }
.sec-prive .pv-hero h1 { font-size: clamp(48px, 7vw, 104px); font-weight: 500; font-style: italic; line-height: .9; letter-spacing: -.02em; margin-top: 18px; max-width: 12ch; }
.sec-prive .pv-hero h1 em { font-style: normal; font-weight: 600; display: block; background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sec-prive .pv-hero .lead { font-weight: 300; font-size: 17px; line-height: 1.7; max-width: 46ch; }
.sec-prive .eyebrow { font-family: var(--display); font-style: italic; font-size: 20px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--gold); display: inline-flex; align-items: center; gap: 14px; }
.sec-prive .eyebrow .i-sm { display: none; }
.sec-prive .eyebrow::before { content: ""; width: 56px; height: 1px; background: var(--gold); }
.sec-prive .hero-stats { border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); padding: 14px 0; gap: 8px 40px; }
.sec-prive .hero-stats strong { font-family: var(--display); font-style: italic; font-weight: 600; font-size: 34px; color: var(--gold); }
.sec-prive .hero-stats li { font-weight: 300; }

.sec-prive .btn { border-radius: 2px; font-family: var(--sans); font-weight: 500; letter-spacing: .08em; font-size: 14px; }
.sec-prive .btn-gold, .sec-prive .btn-primary { background: var(--gold); color: #1b1208; box-shadow: none; }
.sec-prive .btn-gold:hover, .sec-prive .btn-primary:hover { background: #f1d9ab; }
.sec-prive .btn-ghost { border: 1px solid var(--line-2); background: transparent; }
.sec-prive .btn-ghost:hover { border-color: var(--gold); }
.sec-prive .tag, .sec-prive .pill, .sec-prive .chip { border-radius: 2px; }

/* Capas de revista */
.sec-prive .cr-card { border-radius: 2px; background: var(--card); border: 1px solid var(--line); }
.sec-prive .cr-card::after { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(229, 198, 144, 0); pointer-events: none; transition: border-color .25s; }
.sec-prive .cr-card:hover { transform: none; border-color: var(--line-2); box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .9); }
.sec-prive .cr-card:hover::after { border-color: rgba(229, 198, 144, .55); }
.sec-prive .cr-cover { height: 150px; }
.sec-prive .cr-cover img { filter: sepia(.25) saturate(.9) contrast(1.05); }
.sec-prive .cr-name { font-size: 26px; font-style: italic; font-weight: 600; letter-spacing: 0; }
.sec-prive .cr-avatar, .sec-prive .pv-avatar, .sec-prive .pv-ava { border-radius: 50%; box-shadow: 0 0 0 1px var(--gold), 0 0 0 5px var(--bg); }
.sec-prive .pv-stack-card { border-radius: 2px; border: 1px solid var(--line-2); }
.sec-prive .pv-stack-card img:first-child { filter: sepia(.2) contrast(1.05); }
.sec-prive .hdr-prive { background: rgba(14, 10, 7, .9); }
.sec-prive .logo-prive span { font-family: var(--display); font-style: italic; font-weight: 600; font-size: 1.35em; letter-spacing: -.01em; }
.sec-prive .logo-prive em { font-family: var(--sans); font-weight: 400; letter-spacing: .4em; font-size: .5em; }
.sec-prive .hdr-link { font-weight: 500; letter-spacing: .14em; font-size: 12px; }
.sec-prive .pv-post, .sec-prive .pv-plan, .sec-prive .card, .sec-prive .sub-card { border-radius: 3px; }
.sec-prive .pv-cover img { filter: sepia(.2) saturate(.9); }
.sec-prive .pv-id h1 { font-size: 46px; font-style: italic; font-weight: 600; letter-spacing: 0; }
.sec-prive .footer { border-top: 1px solid var(--line-2); }
.sec-prive .footer h5 { font-family: var(--display); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 19px; font-weight: 600; color: var(--gold); }
.sec-prive .tabbar { background: rgba(14, 10, 7, .96); }
.sw-prive.on::after { background: #e5c690; }

/* =========================================================== VÍDEOS — sala de projeção */
.sec-videos {
  --bg: #0f0f10; --bg-2: #141415; --card: #19191b; --card-2: #212124; --card-3: #2c2c30;
  --line: rgba(255, 255, 255, .07); --line-2: rgba(255, 255, 255, .14);
  --text: #f2f2f0; --muted: #b3b3ae; --dim: #85857f;
  --rose: #ff2b2b; --rose-2: #d81818; --rose-soft: rgba(255, 43, 43, .13);
  --amber: #f5c400;
  --grad-rose: linear-gradient(90deg, #ff2b2b, #ff2b2b);
  --display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --serif: var(--display);
  --radius: 4px; --radius-sm: 3px;
}
.sec-videos::before {
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 3px),
    radial-gradient(900px 500px at 90% -10%, rgba(255, 43, 43, .07), transparent 60%);
}
.sec-videos :is(h1, h2, h3, .h2, .tv-title, .tv-feat-txt strong) { font-family: var(--display); font-stretch: 125%; font-weight: 800; letter-spacing: -.02em; }
.sec-videos :is(h2, .h2) { font-size: clamp(24px, 3vw, 38px); text-transform: none; }
.sec-videos .sec-head h2 em, .sec-videos .h2 em { color: var(--rose); font-style: italic; }
/* Ponto de gravação no título da seção */
.sec-videos .sec-head h2::before { content: ""; width: .42em; height: .42em; border-radius: 50%; background: var(--rose); box-shadow: 0 0 0 4px rgba(255, 43, 43, .18); animation: rec 1.4s ease-in-out infinite; flex: none; }
@keyframes rec { 50% { opacity: .25; } }
.sec-videos .btn { border-radius: 3px; font-weight: 800; font-stretch: 112%; letter-spacing: 0; }
.sec-videos .btn-primary { background: var(--rose); box-shadow: 4px 4px 0 #000; }
.sec-videos .btn-primary:hover { box-shadow: 2px 2px 0 #000; transform: translate(2px, 2px); }
.sec-videos .chip, .sec-videos .tag, .sec-videos .pill { border-radius: 3px; }
.sec-videos .logo-videos span { font-family: var(--display); font-stretch: 125%; font-weight: 900; letter-spacing: -.05em; }
.sec-videos .logo-videos em { border-radius: 2px; font-family: var(--mono); font-weight: 700; letter-spacing: .08em; }
.sec-videos .hdr-videos { border-bottom: 2px solid #000; }
.sec-videos .cat-bar { background: #0b0b0c; border-top: 1px solid #000; }
.sec-videos .cat { border-radius: 2px; font-stretch: 115%; font-weight: 700; color: var(--muted); }
.sec-videos .cat.on { background: var(--rose); color: #fff; box-shadow: 3px 3px 0 #000; }

/* Visor de câmera nos destaques */
.sec-videos .tv-hero-grid { gap: 6px; }
.sec-videos .tv-feat { border-radius: 2px; }
.sec-videos .tv-feat::before {
  content: ""; position: absolute; inset: 14px; z-index: 2; pointer-events: none;
  background:
    linear-gradient(#fff, #fff) left top / 22px 2px no-repeat, linear-gradient(#fff, #fff) left top / 2px 22px no-repeat,
    linear-gradient(#fff, #fff) right top / 22px 2px no-repeat, linear-gradient(#fff, #fff) right top / 2px 22px no-repeat,
    linear-gradient(#fff, #fff) left bottom / 22px 2px no-repeat, linear-gradient(#fff, #fff) left bottom / 2px 22px no-repeat,
    linear-gradient(#fff, #fff) right bottom / 22px 2px no-repeat, linear-gradient(#fff, #fff) right bottom / 2px 22px no-repeat;
  opacity: .55; transition: opacity .2s, inset .2s;
}
.sec-videos .tv-feat:hover::before { opacity: 1; inset: 10px; }
.sec-videos .tv-feat.big .tv-feat-txt strong { font-size: clamp(24px, 3vw, 40px); line-height: 1; }
.sec-videos .tv-feat.big .tv-feat-txt::before { content: "● REC"; font-family: var(--mono); font-weight: 700; font-size: 12px; color: var(--rose); letter-spacing: .08em; }
.sec-videos .tv-feat-txt small, .sec-videos .vc-meta { font-family: var(--sans); }
.sec-videos .vc-thumb { border-radius: 2px; outline: 2px solid transparent; outline-offset: 2px; transition: outline-color .15s; }
.sec-videos .vc-thumb:hover { outline-color: var(--rose); }
.sec-videos .vc-dur { font-family: var(--mono); font-weight: 700; font-size: 11px; background: #000; color: var(--amber); border-radius: 0; border-left: 2px solid var(--rose); padding: 2px 6px; }
.sec-videos .vc-hd, .sec-videos .vc-new { font-family: var(--mono); border-radius: 0; }
.sec-videos .vc-title { font-stretch: 105%; font-weight: 800; font-size: 15px; letter-spacing: -.01em; }
.sec-videos .vc-cat { font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; }
.sec-videos .tv-player { border-radius: 0; box-shadow: 0 0 0 1px #000, 0 30px 60px -30px #000; }
.sec-videos .footer { border-top: 2px solid #000; }
.sec-videos .footer h5 { font-family: var(--mono); }
.sw-videos.on::after { background: #ff2b2b; }

/* Barra entre os três sites: cada aba já usa a fonte do próprio site */
.sw-main span { font-family: "Unbounded", var(--sans); font-weight: 600; letter-spacing: -.02em; text-transform: none; }
.sw-prive span { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.sw-videos span { font-family: "Archivo", var(--sans); font-stretch: 125%; font-weight: 800; letter-spacing: 0; }

/* Verificação de idade: cartão no tom de cada site */
.gate-page.sec-main .gate-card { border-color: rgba(255, 61, 90, .45); box-shadow: 0 0 60px -20px rgba(255, 45, 143, .6); }
.gate-page.sec-main .seal { text-shadow: var(--neon); }
.gate-page.sec-prive .gate-card { border-radius: 2px; border-color: rgba(229, 198, 144, .35); background: rgba(20, 15, 11, .9); }
.gate-page.sec-prive .gate-brand span { font-family: var(--display); font-style: italic; font-size: 30px; font-weight: 600; }
.gate-page.sec-prive .gate-opt { border-radius: 2px; }
.gate-page.sec-videos .gate-card { border-radius: 3px; border: 2px solid #000; box-shadow: 8px 8px 0 #000, 0 0 0 1px rgba(255, 255, 255, .08); }
.gate-page.sec-videos .gate-opt { border-radius: 3px; }

/* =========================================================== PAINÉIS */
.area-member, .area-model, .area-admin { --display: var(--sans); }
.area-member :is(h1, h2, h3, .stat .v, .logo), .area-model :is(h1, h2, h3, .stat .v, .logo), .area-admin :is(h1, h2, h3, .logo) { font-family: var(--display); }

/* Cliente: carteira noturna — azul-noite e dourado das moedas */
.area-member {
  --bg: #0a0e1c; --bg-2: #0d1326; --card: #121a33; --card-2: #18223f; --card-3: #22305a;
  --line: rgba(160, 185, 255, .09); --line-2: rgba(160, 185, 255, .17);
  --text: #eef2ff; --muted: #aab4d4; --dim: #7c87ab;
  --rose: #ffc857; --rose-2: #f0a92c; --rose-soft: rgba(255, 200, 87, .13);
  --grad-rose: linear-gradient(120deg, #ffe39a, #ffc857 45%, #f0a92c);
  --display: "Unbounded", "Manrope", sans-serif; --sans: "Manrope", system-ui, sans-serif;
}
.area-member::before { background: radial-gradient(900px 500px at 100% -10%, rgba(255, 200, 87, .1), transparent 60%), radial-gradient(800px 600px at 0% 100%, rgba(70, 110, 255, .12), transparent 60%); }
.area-member .btn-primary { color: #2a1c00; }
.area-member .side { background: linear-gradient(180deg, #0d1430, #0a0e1c); }
.area-member .side nav a.on { background: linear-gradient(90deg, rgba(255, 200, 87, .16), transparent); box-shadow: inset 3px 0 0 var(--rose); }
.area-member h1 { letter-spacing: -.05em; font-weight: 700; }
.area-member .stat .v { letter-spacing: -.06em; font-weight: 700; }

/* Anunciante: camarim — ameixa, rosé e luz de espelho */
.area-model {
  --bg: #140c13; --bg-2: #1a1018; --card: #20131d; --card-2: #2a1a26; --card-3: #382432;
  --line: rgba(255, 180, 210, .09); --line-2: rgba(255, 180, 210, .17);
  --text: #fcf1f5; --muted: #d3b6c4; --dim: #a08594;
  --rose: #ff7aa8; --rose-2: #e85a8c; --rose-soft: rgba(255, 122, 168, .14);
  --gold: #f4b98e;
  --grad-rose: linear-gradient(120deg, #ffb6c9, #ff7aa8 50%, #e85a8c);
  --display: "Fraunces", Georgia, serif; --sans: "Manrope", system-ui, sans-serif;
}
.area-model::before { background: radial-gradient(700px 400px at 50% -12%, rgba(255, 214, 170, .12), transparent 65%), radial-gradient(800px 600px at 100% 100%, rgba(255, 122, 168, .1), transparent 60%); }
.area-model h1 { font-style: italic; font-weight: 700; letter-spacing: -.02em; font-size: clamp(30px, 3.4vw, 42px); }
.area-model .stat .v { font-weight: 700; font-variation-settings: "opsz" 144; }
.area-model .side { background: #170e15; }
/* Luzes de camarim em volta do menu ativo */
.area-model .side nav a.on { background: rgba(255, 122, 168, .12); box-shadow: inset 0 0 0 1px rgba(255, 122, 168, .35), 0 0 22px -6px rgba(255, 214, 170, .5); border-radius: 999px; }
.area-model .stat, .area-model .panel-card { border-radius: 24px; }

/* Admin: sala de controle — ardósia, ciano e números em fonte mono */
.area-admin {
  --bg: #0a1013; --bg-2: #0d1519; --card: #111b20; --card-2: #16232a; --card-3: #1e2f37;
  --line: rgba(120, 220, 230, .09); --line-2: rgba(120, 220, 230, .18);
  --text: #e4f1f2; --muted: #9db7bb; --dim: #6f8b90;
  --rose: #2fd3dc; --rose-2: #18aab3; --rose-soft: rgba(47, 211, 220, .12);
  --gold: #f2c14e;
  --grad-rose: linear-gradient(90deg, #2fd3dc, #2fd3dc);
  --display: "IBM Plex Sans", system-ui, sans-serif; --sans: "IBM Plex Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --radius: 8px; --radius-sm: 6px;
}
.area-admin::before { background: linear-gradient(rgba(47, 211, 220, .035) 1px, transparent 1px) 0 0 / 100% 32px, linear-gradient(90deg, rgba(47, 211, 220, .035) 1px, transparent 1px) 0 0 / 32px 100%; }
.area-admin .btn-primary { color: #04282b; box-shadow: none; }
.area-admin .side { background: #081014; }
.area-admin .side nav a { border-radius: 4px; }
.area-admin .side nav a.on { background: rgba(47, 211, 220, .1); box-shadow: inset 3px 0 0 var(--rose); }
.area-admin .side nav a .count { background: var(--gold); color: #1d1500; font-family: var(--mono); border-radius: 3px; }
.area-admin .stat, .area-admin .panel-card, .area-admin .card { border-radius: 8px; }
.area-admin .stat .v, .area-admin .num, .area-admin td.num, .area-admin .table td:last-child { font-family: var(--mono); letter-spacing: -.02em; }
.area-admin .stat .v { font-weight: 600; }
.area-admin h1 { font-weight: 700; letter-spacing: -.02em; }
.area-admin .table th { font-family: var(--mono); font-size: 11px; letter-spacing: .04em; }

/* Telas de login/cadastro seguem o site principal */
.auth-page .auth-art .quote p { font-family: var(--display); font-weight: 600; letter-spacing: -.04em; }

@media (prefers-reduced-motion: reduce) {
  .sec-main .hero h1 em, .sec-videos .sec-head h2::before { animation: none; }
}

/* ---- ajustes finos */
.area-member .logo span, .area-model .logo span, .area-admin .logo span { background: var(--grad-rose); -webkit-background-clip: text; background-clip: text; }
.area-admin .logo span { font-family: var(--mono); font-weight: 600; letter-spacing: -.04em; }
.area-model .logo span { font-family: var(--display); font-style: italic; }
.area-admin .chip, .area-admin .pill, .area-admin .tabs a, .area-admin .btn { border-radius: 6px; }
.sec-videos .tv-sorts a, .sec-videos .tv-sorts button, .sec-videos .chip { border-radius: 3px; font-stretch: 112%; }
.sec-videos .tv-sorts .on, .sec-videos .chip.on { box-shadow: 3px 3px 0 #000; }
.sec-prive .pv-hero h1 { color: #fbf5ea; }
.sec-prive .pv-hero h1 em { background: linear-gradient(100deg, #f3d9a4 0%, #d9a650 45%, #a8702a 70%, #e8c788 100%); -webkit-background-clip: text; background-clip: text; }