/* [BR] tema exclusivo cryali — paleta, tipografia e cantos próprios sobre as variáveis do tema base */
html:root{
  --bg:#120c1f; --paper:#120c1f; --surface:#181029; --card:#1e1533; --card2:#271c42;
  --accent:#a78bfa; --accent-2:#f0abfc; --accent-3:rgba(167,139,250,0.08); --accent-dim:rgba(167,139,250,0.12); --accent-d:#7c3aed; --accent-deep:#7c3aed;
  --brand:#a78bfa; --brand-d:#7c3aed; --ice:#a78bfa; --info:#a78bfa; --ok:#22c55e;
  --violet:#f0abfc; --violet-dim:rgba(240,171,252,0.14); --coral:#f0abfc; --sun:#f0abfc;
  --text:#f3eefe; --ink:#f3eefe; --muted:#a89bc4; --line:rgba(255,255,255,.08);
  --font-h:'Sora','DM Sans',Arial,Helvetica,sans-serif; --font-b:'DM Sans',Arial,Helvetica,sans-serif;
  --r:16px;
}
body{font-family:var(--font-b);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.h1,.h2,.h3{font-family:var(--font-h);letter-spacing:-.01em}
::selection{background:rgba(167,139,250,0.22)}
a:hover{color:var(--accent)}
.btn,button.btn,.button,input[type=submit]{border-radius:12px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover,.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(167,139,250,0.25)}
img{image-rendering:auto}
.trust-row > div > div{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important} /* TRUSTFIX */
.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop-t{display:inline-flex;align-items:center;gap:6px}
.nav-caret{width:14px;height:14px;transition:transform .2s}
.nav-drop:hover .nav-caret{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:280px;max-height:70vh;overflow:auto;display:none;flex-direction:column;gap:2px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 48px -18px rgba(0,0,0,.35);z-index:80}
.nav-drop:before{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:flex}
.nav .nav-drop-menu a{display:block;border-radius:9px;padding:9px 12px;font-weight:600;color:var(--text);background:none}
.nav .nav-drop-menu a:hover,.nav .nav-drop-menu a.on{background:var(--accent-dim);color:var(--accent-deep)}
@media (min-width:900px){.nav .wrap{overflow:visible!important;flex-wrap:wrap!important}}
.nav{position:relative;z-index:70}