*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}:root{--navy: #232746;--teal: #00AEEF;--blue: #00AEEF;--cyan: #00AEEF;--yellow: #FCEB1E;--magenta: #E21E7A;--purple: #662D91;--sky: #29ABE2;--red: #E74C3C;--green: #27AE60;--bg: #FFFFFF;--text: #232746;--muted: #8A94A6;--border: #E3E7EE;--disabled: #D9DEE8;--sel-bg: #F0FBFF;--white: #ffffff}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.screen{position:relative;width:100%;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:24px;overflow:hidden;background-image:url(/background.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.logo-bubbles{display:flex;align-items:center;gap:5px}.lb{width:14px;height:14px;border-radius:50%;display:inline-block}.lb-blue{background:#1cace2}.lb-yellow{background:#fceb1e}.lb-magenta{background:#e21e7a}.lb-purple{background:#662d91}.lb-sky{background:#29abe2}.screen-title{font-size:24px;font-weight:800;color:var(--navy);text-align:center;margin:8px 0 4px}.screen-subtitle{font-size:16px;font-weight:500;color:var(--navy);text-align:center;margin-bottom:18px}.btn-primary{width:100%;height:56px;border:none;border-radius:16px;background:var(--teal);color:var(--white);font-size:18px;font-weight:700;cursor:pointer;transition:filter .2s}.btn-primary:active{filter:brightness(1.05)}.btn-primary:disabled{background:var(--disabled);color:var(--muted);cursor:not-allowed}.btn-secondary{width:100%;height:56px;border:1px solid var(--border);border-radius:16px;background:var(--white);color:var(--navy);font-size:18px;font-weight:600;cursor:pointer}.btn-outline-red{width:100%;height:56px;border:2px solid var(--red);border-radius:16px;background:var(--white);color:var(--red);font-size:18px;font-weight:700;cursor:pointer}.btn-back{background:none;border:none;font-size:24px;color:var(--navy);cursor:pointer;align-self:flex-start}.welcome-screen{justify-content:space-between;padding:48px 24px 28px}.bubble{position:absolute;border-radius:50%;opacity:.18;pointer-events:none}.bubble-1{width:180px;height:180px;background:var(--cyan);top:-40px;right:-50px}.bubble-2{width:90px;height:90px;background:var(--magenta);bottom:120px;left:-30px}.bubble-3{width:60px;height:60px;background:var(--yellow);bottom:40px;right:30px}.welcome-logo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:8px}.welcome-brand{font-size:34px;font-weight:800;color:var(--navy);letter-spacing:.02em;margin:0}.brand-excl{color:var(--teal)}.welcome-subtitle{font-size:16px;font-weight:500;color:var(--navy);text-align:center;max-width:300px;margin:0}.btn-start{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:320px;padding:24px;border:none;border-radius:16px;background:var(--teal);color:var(--white);font-size:18px;font-weight:700;cursor:pointer;transition:filter .2s}.btn-start:active{filter:brightness(1.05)}.btn-start-arrow{font-size:20px}.welcome-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.welcome-tagline{font-size:12px;color:var(--muted);text-align:center;font-weight:700}.language-selector{display:flex;align-items:center;gap:8px;padding:6px;border:1.5px solid var(--border);border-radius:999px;background:var(--white)}.lang-pill{border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer;transition:.2s}.lang-pill.active{background:var(--teal);color:var(--white)}.cpf-screen{justify-content:flex-start;padding-top:40px}.cpf-screen .logo-bubbles{margin-bottom:12px}.input-cpf{width:100%;height:56px;border:1px solid var(--border);border-radius:12px;font-size:20px;text-align:center;color:var(--navy);outline:none;background:var(--white);margin-bottom:10px}.input-cpf:focus{border-color:var(--teal)}.security-note{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:16px}.error-msg{color:var(--red);font-size:14px;text-align:center;margin:8px 0}.home-screen{justify-content:flex-start;padding-top:32px}.home-screen .logo-bubbles{margin-bottom:16px}.home-header{width:100%;text-align:center;margin-bottom:20px}.home-name{display:block;font-size:24px;font-weight:800;color:var(--navy)}.home-cpf{display:block;font-size:14px;color:var(--muted);margin-top:4px;font-weight:700}.home-balance{width:100%;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center;margin-top:16px}.balance-label{display:block;color:var(--muted);font-size:14px}.balance-value{display:block;font-size:34px;font-weight:800;color:var(--navy);margin-top:4px}.btn-recharge{width:100%;height:56px;border:2px solid var(--teal);border-radius:16px;background:var(--white);color:var(--teal);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0}.btn-recharge-cta{background:var(--teal);color:var(--white);border:none}.recharge-icon{font-size:20px}.home-grid{width:100%;display:flex;flex-direction:column;gap:12px}.btn-mode{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:20px;font-weight:800;color:var(--navy);cursor:pointer;transition:border-color .2s}.btn-mode:hover{border-color:var(--teal)}.mode-icon{font-size:28px}.machines-screen{justify-content:flex-start;padding-top:24px}.area-pill{display:flex;align-items:center;gap:6px;background:var(--navy);color:var(--white);border-radius:18px;padding:6px 18px;font-size:14px;font-weight:700;margin-bottom:8px}.machines-hint{font-size:16px;font-weight:500;color:var(--muted);text-align:center;margin-bottom:18px}.machines-grid-wrap{width:100%;flex:1;display:flex;align-items:center;justify-content:center}.machines-grid{width:100%;display:grid;gap:12px}.machines-grid.cols-2{grid-template-columns:1fr 1fr}.machines-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.machine-card{position:relative;background:var(--white);border-radius:16px;padding:18px 12px;text-align:center;cursor:pointer;transition:.2s;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px}.machine-card.free{border:2px solid var(--teal)}.machine-card.used{border:2px solid var(--red);opacity:.4;cursor:not-allowed}.machine-card.off{border:1px solid var(--border);opacity:.4;cursor:not-allowed}.machine-card.selected{background:var(--sel-bg)}.machine-check{position:absolute;top:8px;right:8px;color:var(--teal);font-size:18px;font-weight:800}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-bottom:4px}.machine-name{font-size:16px;font-weight:700;color:var(--navy)}.machine-price{font-size:14px;font-weight:600;color:var(--navy)}.machine-status{font-size:12px;font-weight:600;color:var(--muted)}.summary-screen{justify-content:flex-start;padding-top:24px}.summary-screen .logo-bubbles{margin-bottom:8px}.summary-card{width:100%;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:16px;margin:12px 0}.summary-items{width:100%}.summary-item{display:flex;justify-content:space-between;padding:6px 0;font-size:16px;color:var(--navy)}.summary-lines{width:100%}.summary-line{display:flex;justify-content:space-between;padding:6px 0;font-size:16px;color:var(--navy)}.summary-line.discount{color:var(--muted)}.summary-line.bonus{color:var(--green);font-weight:700}.summary-divider{border-top:1px solid var(--border);margin:8px 0}.summary-line.total{font-size:24px;font-weight:800;color:var(--navy)}.summary-bonus{margin-top:8px}.summary-bonus-msg{font-size:13px;color:var(--muted);text-align:center;margin-top:4px}.summary-pay-label{font-size:16px;font-weight:600;color:var(--navy);text-align:center;margin:12px 0 8px}.pay-grid{width:100%;display:flex;flex-direction:column;gap:10px}.btn-pay{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:16px;font-size:17px;font-weight:600;color:var(--navy);cursor:pointer;transition:border-color .2s}.btn-pay:hover{border-color:var(--teal)}.btn-pay.pix{border-color:var(--teal);color:var(--teal)}.btn-pay.coupon{border-color:var(--yellow)}.btn-pay.success{background:var(--green);color:var(--white);border:none}.pay-ic{font-size:22px}.free-finish-box{width:100%;margin-top:12px}.free-finish-btn{height:56px;font-size:18px;font-weight:700}.remaining-payment-msg{font-size:12px;color:var(--red);text-align:center;margin-top:10px;font-weight:600}.coupon-box{width:100%;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:16px;margin-top:12px}.coupon-box h3{font-size:18px;font-weight:700;color:var(--navy);text-align:center;margin-bottom:10px}.coupon-hint{font-size:13px;color:var(--muted);text-align:center;margin:8px 0}.coupon-actions{display:flex;flex-direction:column;gap:10px}.toast-error{width:100%;background:#fdecea;color:var(--red);border-radius:12px;padding:12px;text-align:center;font-weight:600;margin-top:12px;cursor:pointer}.payment-screen{justify-content:flex-start;padding-top:24px}.payment-screen .logo-bubbles{margin-bottom:8px}.payment-subtitle{font-size:16px;font-weight:500;color:var(--muted);text-align:center;margin-bottom:18px}.qr-box{width:100%;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;justify-content:center;align-items:center;margin:12px 0}.qr-img{width:220px;height:220px}.pix-amount{font-size:30px;font-weight:800;color:var(--navy);text-align:center;margin:8px 0}.pix-timer{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0 20px}.timer-value{font-size:24px;font-weight:800;color:var(--navy)}.timer-value.urgent{color:var(--red)}.timer-label{font-size:14px;color:var(--muted)}.success-screen{justify-content:center;gap:16px}.success-screen .logo-bubbles{margin-bottom:8px}.success-icon{width:110px;height:110px;border-radius:50%;background:#e8f8ef;color:var(--green);font-size:56px;display:flex;align-items:center;justify-content:center;margin:20px auto 8px}.success-message{font-size:16px;color:var(--navy);text-align:center;margin-bottom:20px}.recharge-screen{justify-content:flex-start;padding-top:24px}.recharge-screen .logo-bubbles{margin-bottom:8px}.recharge-hint{font-size:16px;font-weight:500;color:var(--muted);text-align:center;margin-bottom:18px}.recharge-options{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px}.recharge-option{flex:1 1 calc(33.333% - 10px);max-width:calc(33.333% - 10px);min-width:100px;padding:12px 8px;border-radius:12px;border:1px solid var(--border);background:var(--white);font-size:16px;font-weight:600;color:var(--navy);cursor:pointer;text-align:center;transition:.2s;box-sizing:border-box}.recharge-option.selected{border:2px solid var(--teal);background:var(--sel-bg)}.recharge-custom{width:100%;margin-bottom:12px}.recharge-label{display:block;font-size:19px;color:#fff;margin-bottom:0}.input-text{width:100%;height:56px;border:1px solid var(--border);border-radius:12px;font-size:18px;padding:0 16px;color:var(--navy);outline:none;background:var(--white)}.input-text:focus{border-color:var(--teal)}.recharge-input{text-align:center;font-size:20px}.cashback-hint-bubble{width:100%;background:linear-gradient(135deg,#00aeef,#00c4ff);border-radius:16px;padding:16px;margin:12px 0;text-align:center;color:var(--white)}.cashback-bubble-icon{font-size:28px;display:block;margin-bottom:6px}.cashback-bubble-text{display:block;font-size:15px;font-weight:600;margin-bottom:12px}.cashback-accept-btn{width:100%;height:48px;border:none;border-radius:12px;background:var(--white);color:var(--teal);font-size:16px;font-weight:700;cursor:pointer}.recharge-continue{margin-top:auto}.recharge-cancel{margin-top:10px}.register-screen{justify-content:flex-start;padding-top:24px;overflow-y:auto}.register-screen .logo-bubbles{margin-bottom:8px}.field-label{width:100%;font-size:14px;color:var(--muted);margin:10px 0 6px}.topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 4px 0;flex-shrink:0}.nav-btn{all:unset;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.back-btn{color:#232746}.close-btn{color:#e74c3c}.nav-btn:active{background:#00aeef1f}.topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 0;flex-shrink:0}.nav-btn{all:unset;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}.back-btn{color:var(--navy)}.close-btn{color:var(--red)}.nav-btn:active{background:var(--sel-bg)}.machine-img{width:48px;height:48px;object-fit:contain;margin-bottom:4px}.btn-link{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 6px;padding:10px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;color:var(--teal, #00AEEF);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#00aeef66;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .2s,background-color .2s}.btn-link:active{background:#00aeef1f;color:var(--navy, #232746)}