*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#0b0f1a;color:#eaf0ff}
.wrap{max-width:1000px;margin:auto;padding:16px}.top{background:#111832;border-bottom:1px solid #2a3560;position:sticky;top:0}
.top .wrap{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:20px}
nav a{color:#cfd8ff;margin:0 8px;text-decoration:none}.btn{background:#22c55e;color:#04120a;border:0;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn.big{font-size:17px}.btn.ghost{background:#223}.btn.small{padding:4px 8px;font-size:12px}.btn.danger{background:#ef4444;color:#fff}
.hero{text-align:center;padding:48px 16px;background:linear-gradient(135deg,#16a34a,#7c3aed)}.hero h1{font-size:34px;margin:0}.cta{margin:18px}.badges span{background:#0007;padding:6px 10px;border-radius:20px;margin:4px;display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{background:#141c33;border:1px solid #2a3560;border-radius:14px;padding:16px;margin:8px 0}
.price{font-size:26px;font-weight:800;color:#4ade80;margin:8px 0}.plano li{margin:6px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0}.cards .card{text-align:center}.cards b{font-size:28px;display:block;color:#4ade80}.cards span{color:#9fb}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tab{background:#1b2440;color:#fff;border:1px solid #334;padding:10px;border-radius:10px;cursor:pointer}.tab.active{background:#22c55e;color:#04120a;font-weight:800}
.panel{background:#101731;border:1px solid #2a3560;border-radius:14px;padding:16px;margin-bottom:16px}.hidden{display:none}
label{display:block;margin:8px 0;font-size:14px}input,select,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #334;background:#0b1230;color:#fff;margin-top:4px}
input.n{width:70px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl td,.tbl th{border-bottom:1px solid #2a3560;padding:6px;text-align:left}
.msg{background:#14532d;padding:10px;border-radius:8px}.muted{color:#93a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:800px){.grid2{grid-template-columns:1fr}}
pre{white-space:pre-wrap;background:#070c1d;padding:10px;border-radius:8px;font-size:13px}
.login{display:flex;min-height:100vh;align-items:center;justify-content:center}.loginbox{background:#141c33;padding:24px;border-radius:14px;min-width:320px}
footer{opacity:.7;text-align:center;padding:20px}
