:root{font-family:Inter,system-ui,Arial,sans-serif;color:#edf7f0;background:#07120d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#16472c,#07120d 58%)}.shell{max-width:560px;margin:auto;padding:22px 16px 36px}.hero{display:flex;align-items:center;gap:12px;margin-bottom:16px;background:#101d16;border:1px solid #2d553c;border-radius:22px;overflow:hidden;min-height:170px}.avatar{width:39%;height:180px;object-fit:contain;object-position:bottom}.brand{font-size:clamp(29px,7vw,42px);font-weight:900;letter-spacing:-2px;white-space:nowrap}.brand span{color:#53eb73}.hero p{font-size:13px;margin:4px 0 12px;color:#d5eadc}.hero small{color:#9db5a6;font-size:10px}.panel{background:#fff;color:#14241b;border-radius:22px;padding:22px;box-shadow:0 12px 36px #0004}.panel h2{margin:0 0 12px;font-size:24px}.panel h3{margin:20px 0 12px}.notice{background:#eef6f0;padding:12px;border-radius:12px;font-size:14px}.notice.error{background:#ffebeb;color:#9d1b1b}.balance{color:#126b37;font-weight:700;margin:12px 0}.plans{display:grid;gap:9px}.plan{width:100%;background:#f7faf8;border:2px solid #e1eae4;color:#183d27;border-radius:14px;padding:14px;text-align:left;display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.plan.active{border-color:#19a34c;background:#e8f8ed}.plan span{color:#13833c}button{font:inherit;cursor:pointer}button#buy,button.secondary{width:100%;padding:14px;border-radius:13px;border:0;margin-top:14px;font-weight:800}button#buy{background:#138d3c;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#12291c;color:white}.qr{width:220px;max-width:100%;display:block;margin:15px auto}textarea{width:100%;min-height:80px;border:1px solid #b6c9bb;border-radius:10px;padding:10px;resize:vertical}.panel p{line-height:1.5}footer{text-align:center;font-size:11px;color:#9bb8a4;margin-top:24px}@media(max-width:390px){.avatar{height:145px}.hero{min-height:145px}.brand{font-size:28px}.panel{padding:17px}}

/* Avatar sem fundo: a transparência acompanha a imagem. */
.avatar{background:transparent;object-fit:contain}