:root{--bg:#08111f;--panel:#0d1a2e;--panel2:#101f37;--line:#1f3658;--txt:#eef6ff;--muted:#91a7c5;--brand:#2ee59d;--brand2:#f5c451;--danger:#ff5b6e;--warn:#ffbe55;--ok:#43e07b;--blue:#69a9ff;--shadow:0 25px 80px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#10325d 0,#08111f 45%,#060a12 100%);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.top{position:sticky;top:0;z-index:10;background:rgba(8,17,31,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:.2px}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#45a3ff);display:grid;place-items:center;color:#06101d;font-weight:900;box-shadow:0 10px 30px rgba(46,229,157,.25)}.navlinks{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--txt);padding:11px 15px;font-weight:800;cursor:pointer;box-shadow:none}.btn:hover{text-decoration:none;border-color:#35608f}.btn.primary{background:linear-gradient(135deg,var(--brand),#62b7ff);color:#031220;border:0}.btn.gold{background:linear-gradient(135deg,var(--brand2),#ffef9a);color:#1c1300;border:0}.btn.danger{background:rgba(255,91,110,.12);border-color:rgba(255,91,110,.35);color:#ffcbd1}.btn.small{padding:8px 11px;border-radius:11px;font-size:13px}.hero{padding:76px 0 48px}.grid{display:grid;gap:22px}.heroGrid{grid-template-columns:1.05fr .95fr;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(46,229,157,.25);background:rgba(46,229,157,.08);padding:8px 12px;border-radius:999px;color:#bfffe5;font-weight:800;font-size:13px}h1{font-size:clamp(36px,5vw,72px);line-height:.98;margin:18px 0 16px;letter-spacing:-2px}h2{font-size:clamp(26px,3vw,42px);line-height:1.08;margin:0 0 16px}.lead{font-size:20px;line-height:1.55;color:#bed0e8;margin:0 0 24px}.panel{background:linear-gradient(180deg,rgba(16,31,55,.95),rgba(11,22,39,.95));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow)}.heroCard{padding:26px}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.kpi div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.kpi b{display:block;font-size:22px}.kpi span{color:var(--muted);font-size:13px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#050b14;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;overflow:auto;color:#d9ecff}.section{padding:42px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:22px}.price{font-size:38px;font-weight:950;margin:12px 0}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.table th{color:#c9dbf0;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.12)}.pill.active,.pill.approved,.pill.complete{background:rgba(67,224,123,.12);color:#baffe0;border-color:rgba(67,224,123,.3)}.pill.suspended,.pill.pending,.pill.partial{background:rgba(255,190,85,.12);color:#ffe1ad;border-color:rgba(255,190,85,.3)}.pill.cancelled,.pill.expired,.pill.rejected{background:rgba(255,91,110,.12);color:#ffc6ce;border-color:rgba(255,91,110,.3)}.form{display:grid;gap:14px}.input,.select,textarea{width:100%;background:#07111f;border:1px solid var(--line);border-radius:13px;color:var(--txt);padding:12px 13px;outline:none}.input:focus,.select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,229,157,.1)}label{font-weight:800;color:#dceaff}.auth{min-height:100vh;display:grid;place-items:center;padding:30px}.auth .panel{width:min(460px,100%);padding:28px}.dash{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 72px)}.side{border-right:1px solid rgba(255,255,255,.07);padding:22px;background:rgba(7,14,26,.45)}.side a{display:block;color:#d7e7fa;padding:11px 12px;border-radius:12px;margin-bottom:6px;font-weight:800}.side a:hover,.side a.active{background:rgba(46,229,157,.09);text-decoration:none;color:#fff}.main{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:18px}.stat b{display:block;font-size:28px}.alert{border-radius:14px;padding:13px 15px;margin:0 0 16px;border:1px solid rgba(255,255,255,.1)}.alert.ok{background:rgba(67,224,123,.12);border-color:rgba(67,224,123,.25)}.alert.err{background:rgba(255,91,110,.12);border-color:rgba(255,91,110,.25)}.alert.warn{background:rgba(255,190,85,.12);border-color:rgba(255,190,85,.25)}.tokenBox{display:flex;gap:10px;align-items:center}.tokenBox input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.footer{padding:30px 0;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);margin-top:50px}.actions{display:flex;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.heroGrid,.cards,.split{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.stats,.kpi{grid-template-columns:1fr}.nav{height:auto;padding:16px 0;align-items:flex-start;flex-direction:column}.navlinks{width:100%}.main{padding:18px}.table{display:block;overflow:auto}}





/* Site público premium - TupaHost Loterias */
body.is-public{background:#f7f4ef;color:#171717;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body.is-public .top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);border-bottom:1px solid #e8e1d7;backdrop-filter:blur(10px)}
body.is-public .nav{height:82px}
body.is-public .logo{color:#171717}
body.is-public .mark{background:#171717;color:#fff;border-radius:12px;box-shadow:none}
body.is-public .navlinks a{color:#2e2e2e;text-decoration:none;font-weight:750}
body.is-public .navlinks a:hover{color:#000}
body.is-public .navlinks .btn{background:#fff;border:1px solid #ded6ca;color:#171717;border-radius:999px;box-shadow:none}
body.is-public .navlinks .btn.primary{background:#171717;border-color:#171717;color:#fff}
body.is-public .navlinks .btn.danger{background:#fff;border-color:#ded6ca;color:#171717}
body.is-public .footer{margin-top:0;background:#171717;color:#cfc7bc;border-top:none}
body.is-public .footer .wrap:after{content:"Assinatura de acesso à API para portais, sistemas e aplicativos.";color:#cfc7bc}
.marketing-page{background:#f7f4ef}
.marketing-page .wrap{width:min(1160px,calc(100% - 40px))}
.mh-hero{padding:82px 0 64px;background:#f7f4ef}
.mh-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:54px;align-items:center}
.mh-label{display:inline-flex;margin-bottom:16px;color:#876b3c;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.mh-hero-copy h1{margin:0 0 22px;color:#171717;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-2.8px;max-width:850px}
.mh-hero-copy p{margin:0;color:#514b45;font-size:21px;line-height:1.55;max-width:760px}
.mh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.mh-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 22px;font-weight:850;border:1px solid #d8cfc3;color:#171717;background:#fff;transition:.16s ease}
.mh-btn:hover{text-decoration:none;transform:translateY(-1px)}
.mh-btn-primary{background:#171717;color:#fff;border-color:#171717}
.mh-btn-primary:hover{background:#000;border-color:#000}
.mh-btn-secondary{background:#fff;color:#171717}
.mh-full{width:100%;margin-top:auto}
.mh-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.mh-trust span{background:#fff;border:1px solid #e4dbcf;border-radius:999px;padding:9px 13px;color:#3c3833;font-weight:750;font-size:14px}
.mh-note,.mh-hero-copy .mh-note{margin-top:18px;font-size:15px;color:#6c6258;max-width:760px}
.mh-note strong{color:#171717}
.mh-product-card{background:#fff;border:1px solid #e5ddd2;border-radius:28px;padding:28px;box-shadow:0 24px 70px rgba(38,29,20,.10)}
.mh-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.mh-product-top small{display:block;color:#746b61;font-weight:750;margin-bottom:6px}
.mh-product-top strong{display:block;color:#171717;font-size:28px;letter-spacing:-.5px}
.mh-product-top span{background:#f0ebe3;border-radius:999px;padding:8px 12px;font-weight:850;color:#5b4a2e}
.mh-result-balls{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 24px}
.mh-result-balls i{font-style:normal;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#fff;font-weight:900}
.mh-result-table{display:grid;gap:0;border-top:1px solid #eee6dc}
.mh-result-table div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #eee6dc}
.mh-result-table span{color:#746b61;font-weight:750}
.mh-result-table b{color:#171717;text-align:right}
.mh-bar{padding:18px 0;background:#fff;border-top:1px solid #e8e1d7;border-bottom:1px solid #e8e1d7}
.mh-bar-inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.mh-bar-inner span{color:#746b61;font-weight:750}
.mh-bar-inner b{color:#171717;border:1px solid #e5ddd2;border-radius:999px;padding:9px 13px;background:#faf8f5}
.mh-section{padding:76px 0}
.mh-soft,.mh-faq{background:#fff;border-top:1px solid #e8e1d7;border-bottom:1px solid #e8e1d7}
.mh-intro{max-width:850px;margin-bottom:34px}
.mh-center{text-align:center;margin-left:auto;margin-right:auto}
.mh-intro h2,.mh-split h2,.mh-cta h2{margin:0 0 14px;color:#171717;font-size:clamp(32px,3.5vw,48px);line-height:1.08;letter-spacing:-1.2px}
.mh-intro p,.mh-split p,.mh-cta p{margin:0;color:#5c554e;font-size:18px;line-height:1.7}
.mh-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mh-benefits article{background:#fff;border:1px solid #e5ddd2;border-radius:24px;padding:28px;box-shadow:0 14px 40px rgba(38,29,20,.055)}
.mh-benefits h3{margin:0 0 10px;color:#171717;font-size:24px}
.mh-benefits p{margin:0;color:#625a52;line-height:1.6}
.mh-split{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:44px;align-items:center}
.mh-steps{background:#f7f4ef;border:1px solid #e8e1d7;border-radius:24px;padding:22px}
.mh-steps div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #e4dbcf}
.mh-steps div:last-child{border-bottom:none}
.mh-steps b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#fff}
.mh-steps span{font-weight:800;color:#2d2925}
.mh-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-plan{background:#fff;border:1px solid #e5ddd2;border-radius:28px;padding:30px;position:relative;display:flex;flex-direction:column;min-height:342px;box-shadow:0 18px 50px rgba(38,29,20,.075)}
.mh-plan.mh-featured{border:2px solid #171717;transform:translateY(-8px)}
.mh-plan-tag{position:absolute;right:22px;top:22px;background:#171717;color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850}
.mh-plan h3{margin:0 0 8px;color:#171717;font-size:28px;letter-spacing:-.4px}
.mh-plan p{margin:0 0 16px;color:#766c62}
.mh-price{font-size:48px;font-weight:950;color:#171717;letter-spacing:-1px;margin:8px 0}
.mh-plan small{display:block;color:#766c62;line-height:1.6;margin-bottom:22px}
.mh-plan-note{margin-top:18px;color:#6c6258;text-align:center;font-size:14px}
.mh-faq-list{display:grid;gap:12px}
.mh-faq-list details{background:#f7f4ef;border:1px solid #e6ded4;border-radius:18px}
.mh-faq-list summary{cursor:pointer;list-style:none;padding:18px 20px;color:#171717;font-weight:850}
.mh-faq-list summary::-webkit-details-marker{display:none}
.mh-faq-list p{padding:0 20px 18px;margin:0;color:#625a52;line-height:1.6}
.mh-cta{padding:54px 0;background:#171717}
.mh-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.mh-cta h2{color:#fff}
.mh-cta p{color:#cfc7bc}
.mh-cta .mh-btn-primary{background:#fff;color:#171717;border-color:#fff}
@media(max-width:1000px){
  .mh-hero-grid,.mh-split,.mh-plans,.mh-benefits{grid-template-columns:1fr}
  .mh-plan.mh-featured{transform:none}
}
@media(max-width:700px){
  .marketing-page .wrap{width:min(1160px,calc(100% - 28px))}
  .mh-hero{padding:52px 0 44px}
  .mh-hero-copy h1{font-size:44px;letter-spacing:-1.4px}
  .mh-hero-copy p{font-size:18px}
  .mh-actions,.mh-cta-inner{flex-direction:column;align-items:flex-start}
  .mh-product-card{padding:22px;border-radius:22px}
  .mh-result-table div{display:block}
  .mh-result-table b{text-align:left;display:block;margin-top:4px}
}

/* Monitoramento v11 */
.pill.ok{background:rgba(67,224,123,.12);color:#baffe0;border-color:rgba(67,224,123,.3)}
.pill.warn{background:rgba(255,190,85,.12);color:#ffe1ad;border-color:rgba(255,190,85,.3)}
.pill.error{background:rgba(255,91,110,.12);color:#ffc6ce;border-color:rgba(255,91,110,.3)}
.pill.running{background:rgba(105,169,255,.12);color:#d7e9ff;border-color:rgba(105,169,255,.3)}
.pill.partial{background:rgba(255,190,85,.12);color:#ffe1ad;border-color:rgba(255,190,85,.3)}

/* Branding v12 */
.brand-logo-img{display:block;max-height:46px;max-width:230px;width:auto;height:auto;object-fit:contain}
.side .brand-logo-img{max-width:180px}
body.is-public .brand-logo-img{max-height:50px}

/* SEO v13 */
.tl-seo-copy{padding-top:56px;padding-bottom:56px}
body.is-public code{background:#fff;border:1px solid #e5dacb;border-radius:8px;padding:2px 6px;color:#171717}
