﻿/* tokens, codigo de e-mail, analises e criador */
.tk-box{max-width:460px}
.tk-sub{color:var(--t2);font-size:14px;line-height:1.5;margin:6px 0 14px}
.tk-packs{display:grid;gap:10px;margin-bottom:14px}
.tk-pack{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:14px 16px;border-radius:16px;cursor:pointer;background:rgba(255,255,255,.05);border:1.5px solid var(--ln)}
.tk-pack input{position:absolute;opacity:0;pointer-events:none}
.tk-pack b{font-size:16px;color:#fff}.tk-pack small{grid-column:1;color:var(--t2);font-size:12.8px}
.tk-pack strong{grid-column:2;grid-row:1/3;font-size:20px;color:#fff;font-weight:800}
.tk-pack:has(input:checked){border-color:#c4b5fd;background:linear-gradient(180deg,rgba(139,92,246,.28),rgba(139,92,246,.1))}
.tk-tag{position:absolute;top:-10px;left:14px;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a1200;background:#fbbf24}
.tok-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--ln);font-size:13px;color:var(--t2)}
.tok-box b{color:#fff;font-size:15px;margin-left:4px}
.tok-box button{border:1px solid rgba(167,139,250,.55);background:rgba(139,92,246,.18);color:#fff;border-radius:10px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.otp{display:flex;justify-content:center;gap:8px;margin:16px 0 12px}
.otp input{width:46px;height:56px;min-width:0;text-align:center;font-size:24px;font-weight:800;color:#fff;border-radius:12px;border:1.5px solid var(--ln);background:rgba(255,255,255,.07);outline:0;padding:0}
.otp input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(139,92,246,.28)}
#tkBody .btn+.btn{margin-top:8px}
.an-h{margin:4px 0 14px}.an-load{padding:30px 0;color:var(--t2)}
.an-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.an-k{padding:16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--ln)}
.an-k span{display:block;font-size:12.5px;color:var(--t2)}.an-k b{display:block;font-size:26px;margin:4px 0;color:#fff;letter-spacing:-.02em}.an-k small{color:var(--t3);font-size:12px}
.an-sec{margin:22px 0 10px;font-weight:800;font-size:15px;color:#fff}
.an-chart{display:flex;align-items:flex-end;gap:6px;height:130px;padding:10px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--ln);overflow-x:auto}
.an-chart>div{flex:1 0 18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:3px}
.an-chart i{display:block;width:100%;max-width:26px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#a78bfa,#ec4899)}
.an-chart small{font-size:10px;color:var(--t2);height:12px}.an-chart em{font-style:normal;font-size:10px;color:var(--t3)}
.an-box{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--ln);display:grid;gap:10px}
.an-r{display:grid;grid-template-columns:minmax(120px,190px) 1fr 40px;gap:10px;align-items:center;font-size:13.5px;color:var(--t2)}
.an-r b{text-align:right;color:#fff}.an-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.an-bar i{display:block;height:100%;background:var(--g)}
.an-note{color:var(--t3);font-size:12px}
.bd-sec{margin:0 0 22px}.bd-sec h4{margin:0 0 10px;font-size:16px;color:#fff}
.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.bd-it{display:flex;flex-direction:column;padding:0;border:1.5px solid var(--ln);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.05);cursor:pointer;font:inherit;color:#fff;text-align:center}
.bd-im{display:block;aspect-ratio:1/1.1;background:#0b0a10}.bd-im img{width:100%;height:100%;object-fit:cover;display:block}
.bd-lb{padding:8px 4px;font-size:12.5px;font-weight:700;line-height:1.25}
.bd-it.on{border-color:#c4b5fd;box-shadow:0 0 0 2px rgba(167,139,250,.5)}.bd-it.on .bd-lb{background:rgba(139,92,246,.45)}
.bd-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;border-radius:16px;background:rgba(18,13,46,.96);border:1px solid var(--ln);backdrop-filter:blur(8px)}
#bdSum{flex:1;display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--t2)}#bdSum span{padding:3px 9px;border-radius:99px;background:rgba(139,92,246,.22);color:#fff}
.bd-bar .btn{width:auto;flex:none;padding:12px 20px}
@media(max-width:640px){
 .an-grid{grid-template-columns:1fr 1fr}.an-r{grid-template-columns:1fr 36px;gap:6px}.an-r .an-bar{grid-column:1/3;order:3}.an-r span{grid-column:1}
 .bd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bd-lb{font-size:11.5px}
 .bd-bar{flex-direction:column;align-items:stretch}.bd-bar .btn{width:100%}
 .otp{gap:6px}.otp input{width:42px;height:52px;font-size:22px}
}
.tk-need{margin:6px 0 0;padding:10px 12px;border-radius:12px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.4);color:#fde68a;font-size:13.5px;font-weight:600}
