:root{color:#ffffffeb;background:#050505;font-family:Aptos,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand-orange: #ff5f24;--surface-black: #050505;--surface-panel: rgba(18, 18, 18, .68);--surface-panel-strong: rgba(8, 8, 8, .86);--line-soft: rgba(255, 255, 255, .07);--line-orange: rgba(255, 95, 36, .24);--text-main: rgba(255, 255, 255, .92);--text-muted: rgba(255, 255, 255, .56);--text-faint: rgba(255, 255, 255, .36)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--surface-black);overflow-x:hidden;overflow-y:auto}button,textarea{font:inherit}h1,h2,p{margin-top:0}.checkout-shell,.invalid-shell{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 50% 0%,rgba(255,95,36,.12),transparent 32%),linear-gradient(180deg,#080808,#050505);color:var(--text-main)}.grain-texture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.52'/%3E%3C/svg%3E")}.invalid-shell{display:grid;place-items:center;padding:24px}.invalid-shell p{margin:0;color:var(--text-main);font-size:18px;font-weight:900}.checkout-stage{display:grid;min-height:100dvh;place-items:center;padding:clamp(18px,4vw,42px)}.checkout-frame{position:relative;isolation:isolate;display:grid;width:min(100%,750px);min-height:auto;grid-template-rows:auto auto 1fr auto;gap:clamp(12px,2vw,20px);overflow:hidden;border:1px solid var(--line-soft);border-radius:clamp(22px,4vw,34px);padding:clamp(26px,3.8vw,42px) clamp(18px,3vw,30px) clamp(18px,3vw,30px);background:linear-gradient(135deg,#ffffff14,#ffffff06),var(--surface-panel-strong);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000047,0 30px 90px #00000085}.checkout-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% -12%,rgba(255,95,36,.12),transparent 42%)}.checkout-topbar{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;text-align:center}.brand-logo{display:block;width:138px;height:auto;filter:brightness(0) invert(1)}.summary-label,.payment-method{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1{margin-bottom:8px;color:var(--text-main);font-size:clamp(24px,4vw,38px);font-weight:950;line-height:.98;letter-spacing:0}h2{margin-bottom:8px;color:var(--text-main);font-size:clamp(22px,3vw,30px);font-weight:950;letter-spacing:0}.payment-header p,.state-card p,.final-card p,.summary-note{color:var(--text-muted);line-height:1.55}.checkout-body{display:grid;justify-items:center;justify-self:center;width:min(100%,620px);gap:clamp(18px,3vw,28px)}.pix-module,.order-summary{position:relative;overflow:hidden;border:1px solid var(--line-soft);border-radius:28px;background:var(--surface-panel);box-shadow:inset 0 1px #ffffff12,0 16px 56px #00000057;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.pix-module{display:grid;width:min(100%,540px);min-height:auto;place-items:center;padding:clamp(16px,2.5vw,22px);border-color:var(--line-orange)}.pix-module:before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,95,36,.52),transparent)}.order-summary{display:flex;flex-direction:column;gap:18px;width:min(100%,540px);padding:clamp(16px,2.5vw,22px)}.summary-label{margin:0;color:var(--text-faint)}.payment-content,.state-card{width:min(100%,420px)}.state-card{display:grid;gap:14px;justify-items:center;text-align:center}.payment-header{display:grid;justify-items:center;gap:14px;margin-bottom:18px;text-align:center}.status-icon{display:inline-grid;place-items:center;width:54px;height:54px;border:2px solid var(--brand-orange);border-radius:18px;color:var(--brand-orange);background:#ff5f2412;box-shadow:0 0 24px #ff5f2429;font-size:13px;font-weight:950}.status-icon.success{border-color:#10b9818c;color:#34d399;background:#10b9811a;box-shadow:0 0 24px #10b98129}.status-icon.danger{border-color:#f871718c;color:#f87171;background:#f871711a;box-shadow:0 0 24px #f8717129}.pix-card,.final-card{display:grid;gap:10px}.payment-title{display:grid;justify-items:center;text-align:center}.payment-title p{margin:0;color:var(--text-main);font-size:clamp(17px,2.6vw,22px);font-weight:800;line-height:1.25}.qr-frame{display:grid;place-items:center;width:min(100%,255px);aspect-ratio:1;margin-inline:auto;border:1px solid rgba(255,95,36,.2);border-radius:22px;background:#fff;box-shadow:0 0 0 8px #ff5f240a,0 0 28px #ff5f242e}.qr-frame img{display:block;width:88%;height:88%}.qr-placeholder,.loader{color:#0f172a8a}label{color:var(--text-faint);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.qr-instruction{max-width:360px;margin:0 auto;color:var(--text-muted);font-size:13px;line-height:1.45;text-align:center}textarea{width:100%;min-height:96px;resize:none;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;color:#ffffffc2;background:#ffffff0a;line-height:1.35;overflow-wrap:anywhere;outline:none}textarea:focus{border-color:#ff5f246b;box-shadow:0 0 0 3px #ff5f241a}.primary-button,.template-button{min-height:42px;border-radius:16px;font-weight:950;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.primary-button{width:100%;border:0;color:#fff;background:var(--brand-orange);box-shadow:inset 0 1px #ffa05040,0 4px 20px #ff5f2447}.primary-button:hover,.template-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:inset 0 1px #ffa05057,0 0 25px 4px #ff5f2457}.template-button{justify-self:center;min-height:34px;border:1px solid rgba(255,255,255,.08);padding:0 14px;color:#ffffffb8;background:#ffffff0a;font-size:12px}.template-button:hover{border-color:#ff5f2447;background:#ff5f2414}.order-box{display:grid;gap:10px}.order-box div{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.order-box span{color:var(--text-muted)}.order-box strong{max-width:58%;color:var(--text-main);overflow-wrap:anywhere;text-align:right}.product-line{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.product-line span{color:var(--text-main);font-weight:850}.summary-note{margin-bottom:0;font-size:12px}.checkout-footer{display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.build-label{margin:0;color:var(--text-faint);font-size:10px;font-weight:400;line-height:1;text-align:center}.final-card{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;text-align:center}.loader{width:44px;height:44px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--brand-orange);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.checkout-shell{min-height:100dvh;overflow-x:hidden;overflow-y:auto}.checkout-stage{place-items:stretch;min-height:100dvh;padding:12px 12px 28px}.checkout-frame{min-height:auto;border-radius:28px;padding:22px 18px 20px}.checkout-frame:before{background:radial-gradient(circle at 50% -12%,rgba(255,95,36,.12),transparent 42%)}.checkout-topbar{min-height:0}.checkout-body{justify-items:stretch}.checkout-topbar{align-items:center;flex-direction:column}.brand-logo{width:118px}.pix-module{min-height:auto}.payment-title p{font-size:22px;line-height:1.18}}