:root{--bg:#f4f1ec;--card:#fff;--ink:#1d1a16;--ink2:#5f594f;--line:#ddd6ca;--acc:#d9731a;--acc-ink:#fff;--bad:#b42318;--good:#18794e;--soft:#f9f6f1}
@media (prefers-color-scheme:dark){:root{--bg:#14110e;--card:#1e1a16;--ink:#f1ece4;--ink2:#a79f92;--line:#3a342c;--acc:#f08a2c;--acc-ink:#1a1206;--bad:#ff8a7a;--good:#5fd39a;--soft:#25201b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
.wrap{max-width:440px;margin:0 auto;padding:8vh 0 40px}
.wide{max-width:980px;padding-top:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.08)}
h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:17px;margin:0 0 10px}
.sub{color:var(--ink2);margin:0 0 20px}
label{display:block;font-weight:600;font-size:13.5px;margin:14px 0 6px}
input,select{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink)}
input:focus,select:focus{outline:2px solid var(--acc);outline-offset:1px}
button{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px 14px;border-radius:10px;cursor:pointer}
button.pri{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
button.full{width:100%;margin-top:18px;padding:12px}
button.lk{border:0;background:none;color:var(--acc);padding:6px 0;font-weight:600}
button:disabled{opacity:.55;cursor:default}
.msg{margin-top:14px;font-size:14px;min-height:20px}.msg.bad{color:var(--bad)}.msg.ok{color:var(--good)}
.links{display:flex;justify-content:space-between;margin-top:14px;gap:12px}
.dica{font-size:12.5px;color:var(--ink2);margin-top:6px}
.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.topo .nome{font-weight:700;font-size:18px}
.tab{width:100%;border-collapse:collapse;font-size:14px}
.tab th,.tab td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.tab th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2)}
.tw{overflow-x:auto}
.tag{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.tag.adm{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}.tag.bad{color:var(--bad)}.tag.pen{color:var(--ink2)}
.acoes{display:flex;gap:6px;flex-wrap:wrap}.acoes button{padding:6px 10px;font-size:13px}
.grid{display:grid;grid-template-columns:1fr 1fr 150px auto;gap:10px;align-items:end}
@media (max-width:760px){.grid{grid-template-columns:1fr}.card{padding:20px}}
.box{background:var(--soft);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;word-break:break-all;font-size:13px;margin-top:10px}
.sp{height:18px}
[hidden]{display:none!important}

/* ================= tela de entrada (Bellitrom) ================= */
body.lg{--lg-bg:#16100d;--lg-panel:#1f1713;--lg-card:#241b16;--lg-ink:#f6efe6;--lg-ink2:#b9ab9b;--lg-ink3:#8a7b6c;--lg-line:#3a2d25;--lg-acc:#f58a07;--lg-acc2:#ffb347;--lg-field:#1a1310;
  margin:0;padding:0;min-height:100vh;min-height:100dvh;background:var(--lg-bg);color:var(--lg-ink);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
.lg-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);min-height:100vh;min-height:100dvh}
/* lado do espaço */
.lg-hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 20% 10%,#4a2f27 0,#2b1c19 38%,#160e0b 75%);isolation:isolate}
.lg-stars{position:absolute;inset:-20px;z-index:-1;background-image:
  radial-gradient(1.4px 1.4px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 72%,#ffe8c9 50%,transparent 51%),radial-gradient(1.6px 1.6px at 46% 34%,#fff 50%,transparent 51%),
  radial-gradient(1px 1px at 63% 12%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 78% 58%,#ffd9a8 50%,transparent 51%),radial-gradient(1px 1px at 88% 26%,#fff 50%,transparent 51%),
  radial-gradient(1.3px 1.3px at 8% 84%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 36% 92%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 92% 88%,#fff 50%,transparent 51%),
  radial-gradient(1px 1px at 55% 62%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 20% 44%,#ffe8c9 50%,transparent 51%),radial-gradient(1.2px 1.2px at 70% 80%,#fff 50%,transparent 51%);
  animation:lgDrift 60s linear infinite;opacity:.9}
.lg-stars.s2{background-size:260px 260px;background-image:radial-gradient(1px 1px at 30px 40px,rgba(255,255,255,.75) 50%,transparent 51%),radial-gradient(1px 1px at 170px 120px,rgba(255,230,200,.6) 50%,transparent 51%),radial-gradient(1px 1px at 90px 210px,rgba(255,255,255,.55) 50%,transparent 51%);animation:lgDrift 120s linear infinite reverse;opacity:.7}
@keyframes lgDrift{to{transform:translate(-40px,20px)}}
.lg-planet{position:absolute;right:18%;top:12%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffcf8a 0,#f58a07 32%,#a34a0b 68%,#3d1a08 100%);box-shadow:0 0 80px rgba(245,138,7,.35),inset -18px -22px 40px rgba(0,0,0,.45);animation:lgFloat 14s ease-in-out infinite}
.lg-planet span{position:absolute;left:-46%;top:44%;width:192%;height:24%;border-radius:50%;border:2px solid rgba(255,214,160,.55);transform:rotate(-16deg);box-shadow:0 0 18px rgba(255,190,120,.25)}
.lg-planet.p2{right:auto;left:9%;top:16%;bottom:auto;width:56px;height:56px;background:radial-gradient(circle at 35% 30%,#bfe9ff 0,#3b82c4 45%,#122a4a 100%);box-shadow:0 0 30px rgba(80,160,230,.3),inset -6px -8px 14px rgba(0,0,0,.5);animation-duration:18s}
@keyframes lgFloat{50%{transform:translateY(-10px)}}
.lg-meteor{position:absolute;top:18%;left:-10%;width:140px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(18deg);opacity:0;animation:lgMet 9s ease-in 2s infinite}
.lg-meteor.m2{top:52%;animation-delay:6.5s;animation-duration:13s}
@keyframes lgMet{0%{opacity:0;transform:translate(0,0) rotate(18deg)}3%{opacity:1}12%{opacity:0;transform:translate(120vw,40vh) rotate(18deg)}100%{opacity:0}}
.lg-ufo{position:absolute;left:52%;top:30%;width:110px;height:200px;animation:lgUfo 7s ease-in-out infinite}
.lg-ship{display:block;width:110px;height:106px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2062%22%3E%3Cpath%20d%3D%22M17%2021a15%2015%200%200%201%2030%200Z%22%20fill%3D%22%23bff3ff%22%20fill-opacity%3D%22.4%22%20stroke%3D%22%23e3f1ff%22%20stroke-width%3D%221.6%22/%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2214%22%20rx%3D%227.5%22%20ry%3D%228.5%22%20fill%3D%22%235df04a%22%20stroke%3D%22%23c9ffbf%22%20stroke-width%3D%221%22/%3E%3Cellipse%20cx%3D%2228.6%22%20cy%3D%2212.6%22%20rx%3D%222.6%22%20ry%3D%223.4%22%20fill%3D%22%230b1a2e%22%20transform%3D%22rotate%28-18%2028.6%2012.6%29%22/%3E%3Cellipse%20cx%3D%2235.4%22%20cy%3D%2212.6%22%20rx%3D%222.6%22%20ry%3D%223.4%22%20fill%3D%22%230b1a2e%22%20transform%3D%22rotate%2818%2035.4%2012.6%29%22/%3E%3Ccircle%20cx%3D%2227.8%22%20cy%3D%2211.4%22%20r%3D%22.9%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%2234.6%22%20cy%3D%2211.4%22%20r%3D%22.9%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M29.5%2017.5q2.5%201.6%205%200%22%20stroke%3D%22%230b1a2e%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M27%206.5q-2-4-4.5-4.5M37%206.5q2-4%204.5-4.5%22%20stroke%3D%22%235df04a%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2222.4%22%20cy%3D%222%22%20r%3D%221.4%22%20fill%3D%22%235df04a%22/%3E%3Ccircle%20cx%3D%2241.6%22%20cy%3D%222%22%20r%3D%221.4%22%20fill%3D%22%235df04a%22/%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2225%22%20rx%3D%2230%22%20ry%3D%227.5%22%20fill%3D%22%23d6deef%22%20stroke%3D%22%23f3f7ff%22%20stroke-width%3D%221.4%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2225.5%22%20r%3D%222.2%22%20fill%3D%22%23ffa21f%22/%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2228%22%20r%3D%222.2%22%20fill%3D%22%23ffa21f%22/%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%222.2%22%20fill%3D%22%23ffa21f%22/%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2228%22%20r%3D%222.2%22%20fill%3D%22%23ffa21f%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2225.5%22%20r%3D%222.2%22%20fill%3D%22%23ffa21f%22/%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.85%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22/%3E%3C/linearGradient%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-50%25%22%20y%3D%22-20%25%22%20width%3D%22200%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.7%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22b2%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.8%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M28%2033C26%2038%2033%2040%2030%2045C27%2050%2035%2052%2031%2061L37%2061C41%2052%2034%2049%2037%2045C40%2040%2036%2038%2036%2033Z%22%20fill%3D%22url%28%23g%29%22/%3E%3Cpath%20d%3D%22M24%2036C19%2041%2027%2044%2021%2050C18%2054%2024%2057%2020%2061%22%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.6%22/%3E%3Cpath%20d%3D%22M40%2036C45%2041%2037%2044%2043%2050C46%2054%2040%2057%2044%2061%22%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.6%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23b2%29%22%3E%3Cpath%20d%3D%22M32%2034C30%2040%2035%2043%2032%2049C30%2053%2033%2057%2032%2061%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 10px 24px rgba(120,255,140,.25))}
.lg-beam{position:absolute;left:50%;top:84px;width:120px;height:130px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(150,255,170,.35),rgba(150,255,170,0));clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);animation:lgBeam 3.5s ease-in-out infinite}
@keyframes lgUfo{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(14px,-12px) rotate(4deg)}}
@keyframes lgBeam{0%,100%{opacity:.25}50%{opacity:.8}}
.lg-hero-t{position:absolute;left:clamp(32px,7%,90px);right:clamp(24px,6%,80px);bottom:clamp(36px,9vh,90px);display:flex;flex-direction:column;gap:12px}
.lg-logo{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:clamp(46px,5.4vw,72px);line-height:1;color:#fff4e6;text-shadow:0 4px 30px rgba(245,138,7,.35)}
.lg-tag{margin:0;font-size:clamp(16px,1.5vw,20px);color:#f1dcc6;max-width:30ch;font-weight:500;text-wrap:balance}
.lg-feat{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:420px}
.lg-feat li{display:flex;flex-direction:column;padding:10px 14px 10px 40px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,220,180,.10);position:relative;backdrop-filter:blur(4px)}
.lg-feat li::before{content:"";position:absolute;left:14px;top:15px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#ffd08a 0,#f58a07 60%);box-shadow:0 0 12px rgba(245,138,7,.6)}
.lg-feat b{font-size:14px;color:#fff4e6}.lg-feat span{font-size:12.5px;color:#c7b3a0}
/* lado do formulário */
.lg-main{display:flex;align-items:center;justify-content:center;padding:32px max(20px,env(safe-area-inset-right)) 32px max(20px,env(safe-area-inset-left));background:linear-gradient(180deg,var(--lg-panel),var(--lg-bg))}
.lg-box{width:100%;max-width:400px}
.lg-mob{display:none}
body.lg h1{font-size:28px;letter-spacing:-.02em;margin:0 0 6px;font-weight:800;color:var(--lg-ink)}
body.lg .sub{color:var(--lg-ink2);margin:0 0 26px}
body.lg label{display:block;font-weight:600;font-size:13px;margin:16px 0 7px;color:var(--lg-ink2);letter-spacing:.01em}
.fi{position:relative;display:flex;align-items:center}
.fi>svg{position:absolute;left:14px;width:18px;height:18px;fill:none;stroke:var(--lg-ink3);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .15s}
body.lg .fi input{width:100%;height:50px;padding:0 46px 0 44px;font:inherit;font-size:15px;color:var(--lg-ink);background:var(--lg-field);border:1.5px solid var(--lg-line);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}
body.lg .fi input::placeholder{color:#6f6156}
body.lg .fi input:focus{border-color:var(--lg-acc);box-shadow:0 0 0 4px rgba(245,138,7,.16)}
.fi:focus-within>svg{stroke:var(--lg-acc)}
body.lg .fi input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--lg-field) inset;-webkit-text-fill-color:var(--lg-ink);caret-color:var(--lg-ink)}
body.lg .eye{position:absolute;right:6px;width:38px;height:38px;padding:0;border:0;border-radius:10px;background:none;display:grid;place-items:center;cursor:pointer}
body.lg .eye svg{width:19px;height:19px;fill:none;stroke:var(--lg-ink3);stroke-width:1.8}
body.lg .eye:hover{background:rgba(255,255,255,.05)}body.lg .eye.on svg{stroke:var(--lg-acc)}
body.lg .row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;min-height:28px}
body.lg button.lk{border:0;background:none;color:var(--lg-acc2);padding:4px 0;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer}
body.lg button.lk:hover{text-decoration:underline}
body.lg button.pri.full{width:100%;height:52px;margin-top:18px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:700;font-size:15.5px;color:#1c1006;cursor:pointer;
  background:linear-gradient(180deg,#ffa12e,#f08200);box-shadow:0 10px 26px rgba(245,138,7,.28),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .12s,box-shadow .15s,filter .15s}
body.lg button.pri.full svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
body.lg button.pri.full:hover{filter:brightness(1.05);box-shadow:0 14px 30px rgba(245,138,7,.36),inset 0 1px 0 rgba(255,255,255,.35)}
body.lg button.pri.full:hover svg{transform:translateX(3px)}
body.lg button.pri.full:active{transform:translateY(1px)}
body.lg button.pri.full:disabled{opacity:.6;cursor:default;transform:none}
body.lg button.pri.full.carregando span::after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lgGira .7s linear infinite}
@keyframes lgGira{to{transform:rotate(360deg)}}
body.lg .msg{margin-top:16px;font-size:14px;min-height:0;padding:0;border-radius:10px}
body.lg .msg.bad,body.lg .msg.ok,body.lg .msg.info{padding:11px 14px}
body.lg .msg.bad{color:#ffb4a8;background:rgba(220,60,40,.12);border:1px solid rgba(255,120,100,.25)}
body.lg .msg.ok{color:#9ff0c4;background:rgba(40,180,110,.12);border:1px solid rgba(80,220,150,.25)}
body.lg .msg.info{color:#f6dcbc;background:rgba(245,138,7,.10);border:1px solid rgba(245,138,7,.28)}
.caps{margin-top:6px;font-size:12px;color:#ffc073;font-weight:600}
.quem{padding:10px 14px;border-radius:10px;background:rgba(245,138,7,.10);border:1px solid rgba(245,138,7,.25);color:#f6dcbc;font-size:13.5px}
.quem:empty{display:none}
.forca{display:flex;align-items:center;gap:5px;margin-top:9px}
.forca i{flex:0 0 34px;height:5px;border-radius:3px;background:var(--lg-line);transition:background .2s}
.forca span{margin-left:6px;font-size:12px;color:var(--lg-ink3)}
.forca[data-n="1"] i:nth-child(-n+1){background:#e5484d}.forca[data-n="2"] i:nth-child(-n+2){background:#f5a524}.forca[data-n="3"] i:nth-child(-n+3){background:#9ac43a}.forca[data-n="4"] i{background:#30c27a}
.lg-safe{display:flex;align-items:center;gap:8px;margin:28px 0 0;font-size:12.5px;color:var(--lg-ink3)}
.lg-safe svg{flex:none;width:16px;height:16px;fill:none;stroke:#30c27a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  .lg-shell{grid-template-columns:1fr}
  .lg-hero{display:none}
  .lg-main{align-items:flex-start;padding-top:max(36px,env(safe-area-inset-top));background:radial-gradient(120% 60% at 50% 0,#3a261f 0,var(--lg-bg) 70%)}
  .lg-mob{display:flex;align-items:center;gap:6px;margin-bottom:22px}
  .lg-ship.sm{width:58px;height:56px;animation:lgUfo 7s ease-in-out infinite}
  .lg-logo.sm{font-size:40px}
  body.lg h1{font-size:24px}
}
@media (prefers-reduced-motion:reduce){.lg-stars,.lg-planet,.lg-ufo,.lg-beam,.lg-meteor,.lg-ship.sm{animation:none!important}}
/* --- refinamentos --- */
.lg-nebula{position:absolute;inset:0;z-index:-2;background:radial-gradient(40% 35% at 70% 25%,rgba(245,138,7,.22),transparent 70%),radial-gradient(35% 30% at 25% 70%,rgba(160,80,200,.14),transparent 70%),radial-gradient(30% 25% at 85% 85%,rgba(60,140,220,.10),transparent 70%);filter:blur(10px);animation:lgNeb 30s ease-in-out infinite alternate}
@keyframes lgNeb{to{transform:scale(1.08) translate(-2%,2%)}}
.lg-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(10,6,4,.55) 100%)}
.lg-tw i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,240,220,.7);animation:lgTw 3.2s ease-in-out infinite}
.lg-tw i:nth-child(1){left:14%;top:10%}.lg-tw i:nth-child(2){left:40%;top:22%;animation-delay:.8s}.lg-tw i:nth-child(3){left:84%;top:46%;animation-delay:1.6s}.lg-tw i:nth-child(4){left:62%;top:68%;animation-delay:2.2s}
.lg-tw i:nth-child(5){left:30%;top:52%;animation-delay:1.1s}.lg-tw i:nth-child(6){left:92%;top:8%;animation-delay:2.7s}.lg-tw i:nth-child(7){left:6%;top:40%;animation-delay:.4s}.lg-tw i:nth-child(8){left:74%;top:90%;animation-delay:1.9s}
@keyframes lgTw{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
.lg-par{position:absolute;inset:0;pointer-events:none;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform:translate(calc(var(--mx,0)*var(--p,10)*1px),calc(var(--my,0)*var(--p,10)*1px))}
.lg-par[data-p="18"]{--p:18}.lg-par[data-p="8"]{--p:8}.lg-par[data-p="30"]{--p:30}
.lg-carga{position:absolute;left:50%;top:150px;width:22px;height:22px;margin-left:-11px;animation:lgSobe 3.5s ease-in infinite}
.lg-carga svg{width:22px;height:22px;fill:rgba(255,236,210,.15);stroke:#fff3e0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(150,255,170,.8))}
@keyframes lgSobe{0%{transform:translateY(40px) scale(.9) rotate(-8deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(-62px) scale(.4) rotate(10deg);opacity:0}}
.lg-feat li{padding-left:48px}
.lg-feat li::before{display:none}
.lg-feat svg{position:absolute;left:14px;top:12px;width:20px;height:20px;fill:none;stroke:#ffb347;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(245,138,7,.45))}
.lg-feat li{transition:transform .2s,border-color .2s,background .2s}
.lg-feat li:hover{transform:translateX(4px);border-color:rgba(255,179,71,.35);background:rgba(255,255,255,.06)}
.lg-card{position:relative;padding:34px 32px 28px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,220,180,.10);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.lg-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,170,80,.55),transparent 35%,transparent 70%,rgba(255,170,80,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lg-ola{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:5px 12px;border-radius:999px;background:rgba(245,138,7,.12);border:1px solid rgba(245,138,7,.28);color:#ffc77d;font-size:12.5px;font-weight:600}
.lg-ola::before{content:"";width:7px;height:7px;border-radius:50%;background:#30c27a;box-shadow:0 0 0 3px rgba(48,194,122,.2)}
body.lg .lg-chk{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:500;font-size:13.5px;color:var(--lg-ink2);cursor:pointer;user-select:none}
.lg-chk input{position:absolute;opacity:0;width:1px;height:1px}
.lg-chk span{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--lg-line);background:var(--lg-field);display:grid;place-items:center;transition:.15s}
.lg-chk input:checked+span{background:var(--lg-acc);border-color:var(--lg-acc)}
.lg-chk input:checked+span::after{content:"";width:9px;height:5px;border:2px solid #1c1006;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.lg-chk input:focus-visible+span{box-shadow:0 0 0 3px rgba(245,138,7,.35)}
body.lg button.pri.full{position:relative;overflow:hidden}
body.lg button.pri.full::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .7s}
body.lg button.pri.full:hover::after{left:130%}
.lg-safe{justify-content:center}
.lg-rod{margin:10px 0 0;text-align:center;font-size:11.5px;color:#6f6156;letter-spacing:.06em;text-transform:uppercase}
.lg-main{position:relative}
.lg-main::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(245,138,7,.12),transparent 65%);pointer-events:none}
.lg-box{position:relative;animation:lgEntra .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes lgEntra{from{opacity:0;transform:translateY(14px)}}
.lg-card.treme{animation:lgTreme .4s}
@keyframes lgTreme{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@media (max-width:900px){.lg-card{padding:26px 20px 22px}.lg-main::before{display:none}}
@media (prefers-reduced-motion:reduce){.lg-nebula,.lg-tw i,.lg-carga,.lg-box,.lg-card.treme{animation:none!important}.lg-par{transition:none}}
/* --- versão premium --- */
.lg-grain{position:absolute;inset:0;z-index:3;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.lg-spot{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(420px circle at calc((var(--mx,0) + .5)*100%) calc((var(--my,0) + .5)*100%),rgba(255,170,80,.10),transparent 60%);transition:background .2s}
.lg-const{position:absolute;left:6%;top:30%;width:42%;height:22%;opacity:.35}
.lg-const path{fill:none;stroke:rgba(255,220,180,.35);stroke-width:.8;stroke-dasharray:3 4}
.lg-const circle{fill:#ffe2bd}
.lg-top{position:absolute;left:clamp(32px,6%,80px);right:clamp(24px,5%,64px);top:28px;z-index:4;display:flex;align-items:center;gap:8px}
.lg-ship.xs{width:42px;height:40px;filter:none}
.lg-top-n{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;font-size:24px;line-height:1;color:#fff1e0}
.lg-pill{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,220,180,.14);font-size:12px;font-weight:600;color:#e9d6c2;backdrop-filter:blur(6px)}
.lg-pill i{width:7px;height:7px;border-radius:50%;background:#30c27a;box-shadow:0 0 0 0 rgba(48,194,122,.6);animation:lgPulso 2s infinite}
@keyframes lgPulso{70%{box-shadow:0 0 0 8px rgba(48,194,122,0)}100%{box-shadow:0 0 0 0 rgba(48,194,122,0)}}
/* planeta com anel e luas */
.lg-orbit{position:absolute;right:14%;top:15%;width:170px;height:170px}
.lg-hero .lg-orbit .lg-planet{position:absolute;inset:0;right:auto;top:auto;width:100%;height:100%;border-radius:50%;overflow:visible;
  background:radial-gradient(circle at 30% 28%,#ffe2b0 0,#ffb04a 18%,#f58a07 40%,#a8470a 72%,#3a1806 100%);
  box-shadow:0 0 90px rgba(245,138,7,.45),0 0 200px rgba(245,138,7,.18),inset -22px -26px 46px rgba(0,0,0,.5),inset 10px 8px 24px rgba(255,240,210,.25);animation:lgFloat 14s ease-in-out infinite}
.lg-bands{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(-16deg,rgba(255,255,255,.0) 0 14px,rgba(120,40,0,.18) 14px 20px,rgba(255,220,170,.10) 20px 24px);mix-blend-mode:soft-light}
.lg-hero .lg-planet span.lg-ringp{position:absolute;left:-52%;top:41%;width:204%;height:26%;border-radius:50%;border:0;transform:rotate(-16deg);box-shadow:none;
  background:radial-gradient(ellipse at center,transparent 54%,rgba(255,214,160,.0) 55%,rgba(255,214,160,.55) 60%,rgba(255,190,120,.25) 66%,rgba(255,214,160,.5) 70%,transparent 72%)}
.lg-ringp.back{z-index:-1;clip-path:inset(0 0 50% 0)}
.lg-ringp.front{z-index:2;clip-path:inset(50% 0 0 0)}
.lg-ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(255,220,180,.16);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);animation:lgGiraR 40s linear infinite}
.lg-ring.r1{width:300px;height:300px}.lg-ring.r2{width:420px;height:420px;animation-duration:70s;animation-direction:reverse;border-color:rgba(255,220,180,.09)}
@keyframes lgGiraR{to{transform:translate(-50%,-50%) rotate(344deg)}}
.lg-moon{position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9b8a6 60%,#6d5d50);box-shadow:0 0 12px rgba(255,240,220,.6)}
.lg-moon.m2{width:8px;height:8px;top:-4px;background:radial-gradient(circle at 35% 30%,#d8f1ff,#5fa8e0 60%,#1c3d63)}
/* nave */
.lg-ufo{left:44%;top:36%}
.lg-halo{position:absolute;left:50%;top:44px;width:150px;height:46px;margin-left:-75px;border-radius:50%;background:radial-gradient(ellipse,rgba(150,255,170,.35),transparent 70%);filter:blur(4px);animation:lgBeam 3.5s ease-in-out infinite}
/* cartões flutuantes (exemplo do sistema) */
.lg-fc{position:absolute;z-index:2;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(40,28,22,.72),rgba(28,19,15,.72));border:1px solid rgba(255,220,180,.14);box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px);color:#f6efe6;animation:lgFlutua 9s ease-in-out infinite}
.lg-fc b{display:block;font-size:13px}.lg-fc small{display:block;font-size:11.5px;color:#b9a491}
.lg-fc-h{display:flex;align-items:center;gap:10px}
.lg-fc-h em{margin-left:auto;font-style:normal;color:#30c27a;font-size:12px;font-weight:700}
.lg-fc-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.lg-fc-ic svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lg-fc-ic.o{background:linear-gradient(135deg,#ffb347,#e06d00)}.lg-fc-ic.g{background:linear-gradient(135deg,#3ddc84,#128c4b)}.lg-fc-ic.v{background:linear-gradient(135deg,#7c9cff,#4f46e5)}
.lg-fc.c1{left:7%;top:17%;width:220px}
.lg-bars{display:flex;align-items:flex-end;gap:5px;height:46px;margin-top:12px}
.lg-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#ffb347,#f58a07);opacity:.9;animation:lgBar 2.4s ease-in-out infinite alternate}
.lg-bars i:nth-child(1){height:30%}.lg-bars i:nth-child(2){height:45%;animation-delay:.2s}.lg-bars i:nth-child(3){height:38%;animation-delay:.4s}.lg-bars i:nth-child(4){height:58%;animation-delay:.6s}.lg-bars i:nth-child(5){height:50%;animation-delay:.8s}.lg-bars i:nth-child(6){height:70%;animation-delay:1s}.lg-bars i:nth-child(7){height:64%;animation-delay:1.2s}.lg-bars i:nth-child(8){height:82%;animation-delay:1.4s}.lg-bars i:nth-child(9){height:100%;animation-delay:1.6s;background:linear-gradient(180deg,#ffe0a8,#ffb347)}
@keyframes lgBar{to{transform:scaleY(.82);transform-origin:bottom}}
.lg-fc.c2{right:6%;top:50%;width:250px;animation-delay:-3s}
.lg-bub{margin-top:9px;padding:7px 10px;border-radius:10px;font-size:12.5px;line-height:1.35;max-width:88%;position:relative}
.lg-bub.in{background:rgba(255,255,255,.08);border-top-left-radius:3px}
.lg-bub.out{margin-left:auto;background:#155d47;color:#e9fff5;border-top-right-radius:3px}
.lg-bub.out i{font-style:normal;margin-left:6px;color:#53bdeb;font-size:11px}
.lg-typing{display:flex;gap:4px;margin-top:8px;padding:8px 10px;width:max-content;border-radius:10px;background:rgba(255,255,255,.08)}
.lg-typing i{width:6px;height:6px;border-radius:50%;background:#cbb8a6;animation:lgDig 1.2s infinite}
.lg-typing i:nth-child(2){animation-delay:.15s}.lg-typing i:nth-child(3){animation-delay:.3s}
@keyframes lgDig{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.lg-fc.c3{left:30%;top:58%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation-delay:-6s}
@keyframes lgFlutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* texto principal */
.lg-hero-t{gap:14px}
.lg-hero .lg-logo{font-size:clamp(44px,5vw,68px);background:linear-gradient(180deg,#fff7ec 20%,#ffc27a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 6px 26px rgba(245,138,7,.35))}
.lg-head{margin:0;font-size:clamp(22px,2.3vw,32px);line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#fff3e4;max-width:20ch;text-wrap:balance}
.lg-head span{background:linear-gradient(90deg,#ffb347,#ff7a00);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.lg-chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,220,180,.13);font-size:12.5px;font-weight:600;color:#ecd9c5}
.lg-chips svg{width:15px;height:15px;fill:none;stroke:#ffb347;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lg-ajuda{margin:18px 0 0;text-align:center;font-size:13px;color:var(--lg-ink3)}
.lg-hero .lg-feat{display:none}
@media (max-width:1200px){.lg-fc.c3,.lg-const{display:none}.lg-fc.c1{top:14%;left:6%;width:190px}.lg-fc.c2{width:220px}}
@media (max-height:760px) and (min-width:901px){.lg-fc.c1,.lg-fc.c3{display:none}.lg-orbit{top:10%}}
@media (prefers-reduced-motion:reduce){.lg-ring,.lg-fc,.lg-bars i,.lg-typing i,.lg-pill i,.lg-halo{animation:none!important}}
.lg-hero .lg-planet.p2{left:3%;top:52%;width:48px;height:48px}
.lg-shell,.lg-main{overflow:hidden}body.lg{overflow-x:hidden}
.lg-shell,.lg-main{overflow:clip}.lg-main::before{right:0;top:0;width:300px;height:300px;transform:translate(30%,-30%)}

/* marca Belli Sistema */
.wm-b{font-weight:500;margin-left:.2em;color:#ff9f2e;-webkit-text-fill-color:#ff9f2e;letter-spacing:-.02em}