@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;600;700;800&display=swap');
:root{--bg:#03110c;--panel:#071b13;--line:#286846;--yellow:#ffc21c;--green:#12e978;--text:#f4f7f5;--muted:#b9c8bf}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#0b2a1d 0,#03110c 45%);color:var(--text);font-family:Inter,Arial,sans-serif}header{min-height:70px;padding:12px max(18px,calc((100% - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #6d571b;background:rgba(2,13,9,.95)}header a{display:flex;align-items:center;gap:10px;color:var(--yellow);font-size:27px;text-decoration:none}header span{display:flex;flex-direction:column}header b{color:#fff;font:900 21px/1 'Barlow Condensed',sans-serif}header small{font-size:9px;letter-spacing:.14em}header>strong{font-size:12px;color:#cddbd2}main{width:min(1040px,calc(100% - 28px));margin:32px auto 60px;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:start}.summary,.payment-card,.pix-result{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#081f16,#04130d);box-shadow:0 24px 70px rgba(0,0,0,.25)}.summary{padding:24px;display:grid;grid-template-columns:1fr 120px;gap:18px}.summary h1,.payment-card h2,.pix-result h2{margin:0;font:900 34px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.summary p{color:var(--muted);font-size:14px;line-height:1.55}.summary ul{padding:0;list-style:none;display:grid;gap:9px;font-size:13px;font-weight:700}.summary li:before{content:'✓';color:var(--green);margin-right:8px}.summary img{width:120px;height:160px;object-fit:cover;border-radius:10px;border:1px solid #8d6c12}.total{grid-column:1/-1;padding-top:18px;border-top:1px solid #28573f;display:flex;justify-content:space-between;align-items:end}.total span{color:var(--muted);font-weight:700}.total b{color:var(--yellow);font:900 40px/1 'Barlow Condensed',sans-serif}.payment-card{padding:24px}.title{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:18px}.title>span{padding:8px 10px;border:1px solid #446052;border-radius:8px;color:#ccd9d1;font-size:11px}.eyebrow{margin:0 0 7px!important;color:var(--yellow)!important;font-size:11px!important;font-weight:900;letter-spacing:.12em}.email-note{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:13px 15px;border:1px solid #816b20;border-radius:9px;background:#182112}.email-note b{color:var(--yellow);font-size:13px}.email-note span{color:#d0ddd5;font-size:12px;line-height:1.4}#message{min-height:22px;color:var(--yellow);font-size:13px;font-weight:700}.security{text-align:center;color:#aebfb4;font-size:11px}.pix-result{grid-column:2;padding:24px;text-align:center}.pix-result>img{width:220px;max-width:100%;margin:18px auto;background:#fff;border-radius:10px}.pix-result label{display:grid;gap:8px;text-align:left;color:#dce7e0;font-size:12px;font-weight:700}.pix-result textarea{width:100%;height:88px;resize:none;padding:10px;border:1px solid #4f6c5b;border-radius:8px;background:#fff;color:#111;font-size:11px}.pix-result button{width:100%;margin-top:12px;padding:15px;border:0;border-radius:9px;background:var(--green);color:#02130a;font-weight:900;cursor:pointer}footer{padding:22px;text-align:center;color:#8fa499;font-size:11px;border-top:1px solid #173b29}
@media(max-width:760px){header{min-height:58px}header b{font-size:18px}header>strong{font-size:10px}main{grid-template-columns:1fr;margin-top:18px}.summary{grid-template-columns:1fr 90px}.summary img{width:90px;height:125px}.summary h1{font-size:30px}.payment-card{padding:17px}.pix-result{grid-column:1}.title>span{display:none}}