:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.poster{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(255,106,0,.12) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(255,140,0,.06) 0%,transparent 60%),linear-gradient(180deg,#0d0d0d,#111,#0a0a0a)}.bg-flame{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.bg-flame-1{width:400px;height:400px;background:radial-gradient(circle,#ff6a00 0%,transparent 70%);top:-100px;right:-80px;animation:float1 8s ease-in-out infinite}.bg-flame-2{width:300px;height:300px;background:radial-gradient(circle,#ff8c00 0%,transparent 70%);bottom:-50px;left:-60px;animation:float2 10s ease-in-out infinite}.bg-flame-3{width:200px;height:200px;background:radial-gradient(circle,#ffaa33 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:float3 6s ease-in-out infinite}.bg-circle{position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,140,0,.06);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,30px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}@keyframes float3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.5}}.poster-content{position:relative;z-index:1;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.poster-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.brand-badge{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#ff8c00b3;border:1px solid rgba(255,140,0,.25);padding:.25rem .75rem;border-radius:999px;background:#ff8c000f}.brand-name{font-size:3.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-top:.5rem}.brand-pryce{color:#fff}.brand-gas{color:#ff6a00;text-shadow:0 0 40px rgba(255,106,0,.5)}.brand-tagline{font-size:.7rem;letter-spacing:.35em;color:#fff6;text-transform:uppercase}.tank-section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0}.tank-glow{position:absolute;width:180px;height:250px;background:radial-gradient(ellipse,rgba(255,140,0,.25) 0%,transparent 70%);filter:blur(30px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.tank-svg{width:160px;height:auto;filter:drop-shadow(0 20px 40px rgba(255,106,0,.25)) drop-shadow(0 4px 12px rgba(0,0,0,.4));animation:tankPulse 4s ease-in-out infinite}@keyframes tankPulse{0%,to{filter:drop-shadow(0 20px 40px rgba(255,106,0,.25)) drop-shadow(0 4px 12px rgba(0,0,0,.4))}50%{filter:drop-shadow(0 20px 50px rgba(255,106,0,.35)) drop-shadow(0 4px 12px rgba(0,0,0,.4))}}.float-badge{position:absolute;display:flex;align-items:center;gap:.4rem;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.35rem .65rem;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.badge-icon{font-size:.75rem}.float-badge-1{top:20%;left:0;animation:badgeFloat 5s ease-in-out infinite}.float-badge-2{top:50%;right:0;animation:badgeFloat 5s ease-in-out infinite 1s}.float-badge-3{bottom:15%;left:5%;animation:badgeFloat 5s ease-in-out infinite 2s}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.promo-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.promo-banner{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:linear-gradient(135deg,#ff6a0026,#ff8c0014);border:1px solid rgba(255,106,0,.25);padding:1rem 2rem;border-radius:1rem;width:100%}.promo-label{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#ff8c00}.promo-price{display:flex;align-items:baseline;gap:.15rem}.price-currency{font-size:1.2rem;font-weight:700;color:#ff8c00;align-self:flex-start;margin-top:.3rem}.price-amount{font-size:3rem;font-weight:900;color:#ff6a00;line-height:1;text-shadow:0 0 30px rgba(255,106,0,.4)}.price-per{font-size:.85rem;color:#fff6;margin-left:.25rem}.features{list-style:none;display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:280px}.features li{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:#ffffffb3}.feature-dot{width:6px;height:6px;border-radius:50%;background:#ff6a00;flex-shrink:0;box-shadow:0 0 8px #ff6a0080}.cta-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.cta-button{width:100%;max-width:280px;padding:.9rem 2rem;font-size:.85rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ff6a00,#ff8c00,#ff6a00);background-size:200% 200%;border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 20px #ff6a0059,0 0 60px #ff6a001a;transition:transform .2s ease,box-shadow .2s ease;animation:shimmer 3s ease-in-out infinite}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 30px #ff6a0080,0 0 80px #ff6a0026}.cta-button:active{transform:translateY(0) scale(.98)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cta-phone{font-size:.75rem;color:#ffffff59;letter-spacing:.1em}.poster-footer{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);width:100%}.poster-footer p{font-size:.7rem;color:#ffffff4d;font-style:italic}.footer-badges{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.footer-badges span{font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff40;border:1px solid rgba(255,255,255,.08);padding:.2rem .5rem;border-radius:.25rem}@media(max-width:480px){.poster{padding:1.5rem 1rem}.brand-name{font-size:2.5rem}.price-amount{font-size:2.2rem}.float-badge{display:none}.tank-svg{width:130px}}
