/* PALETA ABSTUDIO: troque só estas variáveis (painel, admin e landing) */
:root{--a1:#7c3aed;--a2:#22d3ee;--bg:#0b0b14;--card:#14142299;--tx:#f4f4fb;--mt:#9a9ab5}
*{box-sizing:border-box;margin:0}body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--tx);min-height:100vh}
a{color:inherit}.wrap{max-width:1000px;margin:auto;padding:24px}
.card{background:var(--card);border:1px solid #ffffff1a;border-radius:18px;padding:20px;backdrop-filter:blur(14px);margin-bottom:16px}
input,select{width:100%;padding:12px;border-radius:12px;border:1px solid #ffffff22;background:#0008;color:var(--tx);margin:6px 0;font:inherit}
button,.btn{background:linear-gradient(135deg,var(--a1),var(--a2));border:0;color:#fff;padding:12px 20px;border-radius:12px;font:600 1rem Poppins,sans-serif;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .2s,box-shadow .2s}
button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--a1)}
.sm{padding:6px 12px;font-size:.8rem;background:#ffffff1a}
.g{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.bgfx{position:fixed;inset:0;z-index:-1;overflow:hidden}.bgfx i{position:absolute;width:50vmax;height:50vmax;border-radius:50%;filter:blur(90px);opacity:.35;animation:fl 18s ease-in-out infinite alternate}
.bgfx i:nth-child(1){background:var(--a1);left:-10%;top:-10%}.bgfx i:nth-child(2){background:var(--a2);right:-10%;bottom:-10%;animation-delay:-9s}
@keyframes fl{to{transform:translate(12vw,10vh) scale(1.2)}}
h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin-bottom:16px}h2{margin-bottom:12px}
.grad{background:linear-gradient(135deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.mt,small{color:var(--mt)}
table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid #ffffff14}
.tag{font-size:.75rem;padding:3px 10px;border-radius:99px;background:#ffffff14}
.hero{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;min-height:80vh}
.ph{width:260px;height:480px;margin:auto;border-radius:36px;border:3px solid #ffffff30;padding:30px 18px;background:#0008;animation:fl2 5s ease-in-out infinite alternate}
@keyframes fl2{to{transform:translateY(-14px) rotate(2deg)}}
.ph b{display:block;height:44px;border-radius:14px;margin:12px 0;background:linear-gradient(135deg,var(--a1),var(--a2));opacity:0;animation:in .6s forwards;animation-delay:calc(var(--i)*.2s)}
@keyframes in{from{opacity:0;transform:translateY(24px)}to{opacity:1}}
.err{color:#ff6b8b;margin:8px 0}