/* Tema Educar Mentes: gelo + dourado + roxo (13/11/2026) */
@font-face{font-family:Cinzel;src:url('/fonts/cinzel-700.woff2') format('woff2');font-weight:600 700;font-display:swap}
:root{--color-topbar:#0E0B24;--color-sidebar:#0E0B24;--color-night:#1A1340;--color-primary:#7C3AED;--color-primary-hover:#6D28D9}
header.bg-topbar{border-bottom:1px solid rgba(201,162,74,.35)!important}
aside.bg-sidebar{border-right:1px solid rgba(201,162,74,.22)!important}
header a span[class*=tracking],header a .font-bold{font-family:Cinzel,serif;color:#E3C27A;letter-spacing:.14em}
main{--color-page:#EFEDE8;--color-surface:#F7F5F1;--color-surface-2:#ECE8DF;--color-surface-3:#E2DCCF;--color-line:rgba(160,130,70,.22);--color-fg:#24203A;--color-muted:#5A5470;--color-subtle:#7A7490;--color-accent:#7C3AED;--color-accent-strong:#6D28D9;background:linear-gradient(180deg,#F1EFEA 0%,#EAE7E0 100%);color:#24203A}
main section.bg-night,main .bg-black{--color-fg:#FFFFFF;--color-muted:#D6D0EC;--color-subtle:#B9B3D3;color:#fff}
main section.bg-night{border-bottom:1px solid rgba(201,162,74,.35)}
main section.bg-night h1{font-family:Cinzel,serif;font-style:normal;font-weight:700;letter-spacing:.02em;line-height:1.12}
main section.bg-night h1::before{content:"ÁREA DE MEMBROS";display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.28em;color:#E3C27A;margin-bottom:16px}
main .card{background:#F7F5F1;border:1px solid rgba(160,130,70,.20);box-shadow:0 10px 30px rgba(36,32,58,.06);border-radius:18px}
main h1:not(section.bg-night h1),main h2[class*="text-xl"],main h2[class*="text-lg"],main h2[class*="text-2xl"]{font-family:Cinzel,serif;font-weight:700;letter-spacing:.04em}
main h2[class*="text-xl"],main h2[class*="text-lg"],main h2[class*="text-2xl"]{color:#24203A;font-size:1.3rem}
main h2[class*="text-xl"]::after,main h2[class*="text-lg"]::after,main h2[class*="text-2xl"]::after{content:"";display:block;width:110px;height:7px;margin-top:9px;background:linear-gradient(#C9A24A,#C9A24A) left center/48px 1px no-repeat,linear-gradient(#C9A24A,#C9A24A) right center/48px 1px no-repeat,linear-gradient(45deg,transparent 35%,#C9A24A 35% 65%,transparent 65%) center/7px 7px no-repeat}
main .card img{border-radius:12px}
main [role=progressbar] > *,main .bg-accent{background:#C9A24A!important}
main input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),main select,main textarea{background:#FFFFFF!important;color:#24203A!important;border:1px solid rgba(120,100,60,.30)!important}
main input::placeholder,main textarea::placeholder{color:#8A849C!important}
main input:focus,main select:focus,main textarea:focus{border-color:#7C3AED!important;box-shadow:0 0 0 3px rgba(124,58,237,.15)!important;outline:none}
main table{background:#F7F5F1}main thead{background:#ECE8DF}
main section.bg-night{background:url("/images/banner-mente.webp?v=2") center/cover no-repeat,#0E0B24!important}
main section.bg-night>div[aria-hidden],main section.bg-night>.absolute{display:none}

aside > div:first-child{position:relative;background:radial-gradient(90% 60% at 50% 0%,rgba(124,58,237,.38) 0%,rgba(14,11,36,0) 75%);border-bottom:1px solid rgba(201,162,74,.25)}
aside > div:first-child > *{position:relative;z-index:1}
aside > div:first-child::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("/images/arte-mente.svg?v=2") -390px -63px/720px auto no-repeat;opacity:.55;-webkit-mask-image:radial-gradient(80% 50% at 50% 30%,#000 40%,transparent 100%);mask-image:radial-gradient(80% 50% at 50% 30%,#000 40%,transparent 100%)}
aside > div:first-child > span.rounded-full{width:5rem!important;height:5rem!important;min-width:5rem;aspect-ratio:1/1;flex:none;border-radius:9999px!important;border:2px solid #E3C27A!important;background:radial-gradient(circle at 35% 30%,#7C3AED 0%,#3B1D6E 65%,#1A1340 100%);color:#F7DE9A;font-family:Cinzel,serif;font-size:1.9rem;box-shadow:0 0 0 5px rgba(227,194,122,.12),0 0 24px rgba(227,194,122,.28)}
aside > div:first-child > p.font-semibold{color:#FFFFFF;font-size:1rem;line-height:1.35}
aside > div:first-child > p.font-semibold::before{content:"Shalom,";display:block;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#E3C27A;margin-bottom:4px}
aside > div:first-child p.text-muted{color:#CBBFE6}
aside .progress-track{background:rgba(227,194,122,.18);height:6px;border-radius:4px}
aside .progress-fill{background:linear-gradient(90deg,#C9A24A,#F7DE9A)!important;border-radius:4px;min-width:6px}

/* Telas de login e cadastro (body.bg-night): voltam ao roxo */
body.bg-night,body.bg-night > main{--color-page:#17152f;--color-surface:#232046;--color-surface-2:#2c2954;--color-surface-3:#38346a;--color-line:#ffffff14;--color-fg:#f1f0fa;--color-muted:#aeacc9;--color-subtle:#7f7ca3;--color-accent:#9b7bff;--color-accent-strong:#b9a2ff;color:#f1f0fa}
body.bg-night > main{background:radial-gradient(70% 50% at 50% 0%,rgba(124,58,237,.35),transparent 70%),linear-gradient(180deg,#1A1340 0%,#0E0B24 100%)!important}
body.bg-night > main section{background:linear-gradient(160deg,#211759,#140F38)!important;border:1px solid rgba(201,162,74,.35)}
body.bg-night > main h1,body.bg-night > main h2{color:#fff}
body.bg-night > main h2::after{display:none}
body.bg-night > main input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]){background:#1A1340!important;color:#fff!important;border:1px solid rgba(201,162,74,.35)!important}
body.bg-night > main input::placeholder{color:#9C95BE!important}