:root{--bg: #090d16;--card-bg: rgba(17, 24, 39, .6);--card-border: rgba(255, 255, 255, .08);--primary: #6366f1;--secondary: #ec4899;--text: #f8fafc;--text-muted: #94a3b8}html,body{margin:0;padding:0;width:100%;min-height:100%;background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.08) 0%,transparent 40%);background-attachment:fixed}.plankpay-advanced-checkout{--primary: #6366f1;--primary-hover: #4f46e5;--text-dark: #0f172a;--text-light: #f8fafc;--text-muted: #94a3b8;display:grid;grid-template-columns:1.1fr .9fr;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px -15px #0006;max-width:900px;margin:0 auto;min-height:520px;box-sizing:border-box;text-align:left;border:1px solid var(--border-color)}.theme-dark{--border-color: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .03);--panel-bg-left: rgba(15, 23, 42, .85);--panel-bg-right: rgba(30, 41, 59, .7);--text-main: var(--text-light);background:#0f172a;color:var(--text-light)}.theme-light{--border-color: rgba(0, 0, 0, .08);--input-bg: #f8fafc;--panel-bg-left: #f8fafc;--panel-bg-right: #ffffff;--text-main: var(--text-dark);background:#fff;color:var(--text-dark)}.theme-transparent{--border-color: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .05);--panel-bg-left: rgba(255, 255, 255, .02);--panel-bg-right: rgba(255, 255, 255, .04);--text-main: inherit;background:transparent;color:inherit;box-shadow:none;border:1px dashed var(--border-color)}.layout-minimal{grid-template-columns:1fr;max-width:440px;min-height:auto}.layout-minimal .product-summary-panel{display:none}.layout-minimal .checkout-flows-panel{padding:30px}.minimal-total-bar{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);border:1px solid var(--border-color);padding:12px 18px;border-radius:12px;margin-bottom:25px;font-size:15px}.product-summary-panel{background:var(--panel-bg-left);padding:40px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between}.checkout-flows-panel{background:var(--panel-bg-right);padding:40px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 820px){.plankpay-advanced-checkout{grid-template-columns:1fr;max-width:480px}.product-summary-panel{border-right:none;border-bottom:1px solid var(--border-color);padding:30px}.checkout-flows-panel{padding:30px}}.panel-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;margin:0 0 25px;opacity:.9}.product-list{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;max-height:240px;margin-bottom:30px;padding-right:5px}.product-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.product-thumb{width:50px;height:50px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.thumb-placeholder{font-size:20px}.qty-badge{position:absolute;top:-6px;right:-6px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.product-names{flex:1;text-align:left}.product-names .name{font-size:14px;font-weight:600}.product-row .price{font-weight:700;font-size:14px}.total-pricing-sheet{border-top:1px solid var(--border-color);padding-top:20px;display:flex;flex-direction:column;gap:10px}.total-pricing-sheet .row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--text-muted)}.total-pricing-sheet .grand-total{font-size:18px;font-weight:800;color:var(--text-main);border-top:1px dashed var(--border-color);padding-top:12px;margin-top:5px}.checkout-step{display:flex;flex-direction:column;gap:18px}.step-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;margin:0;color:var(--text-main)}.step-subtitle{font-size:13px;color:var(--text-muted);margin:-10px 0 5px}.section-divider{font-family:Outfit,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);border-bottom:1px solid var(--border-color);padding-bottom:6px;margin:15px 0 5px}.form-field{display:flex;flex-direction:column;gap:6px;text-align:left}.form-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.form-field input{background:var(--input-bg);border:1px solid var(--border-color);padding:10px 14px;border-radius:8px;color:var(--text-main);font-size:13.5px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.form-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.form-row-double{display:grid;grid-template-columns:1fr 1fr;gap:15px}.shipping-address-block{display:flex;flex-direction:column;gap:14px;max-height:250px;overflow-y:auto;padding-right:5px;margin-bottom:5px}.theme-light .form-field input:focus{background:#fff}.checkout-btn{padding:12px 18px;font-size:14.5px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;border:none;box-sizing:border-box;text-align:center}.theme-light .btn-secondary{background:#f1f5f9;color:#475569}.theme-light .btn-secondary:hover{background:#e2e8f0;color:#0f172a}.payment-options{display:flex;flex-direction:column;gap:12px}.pay-option-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:15px;transition:all .2s;width:100%;color:var(--text-main);font-size:15px;font-weight:700}.pay-option-card:hover{border-color:var(--primary);background:#6366f10d;transform:translateY(-1px)}.option-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.pix-icon-bg{background:#10b9811f!important;color:#34d399!important;border:1px solid rgba(16,185,129,.25)}.card-icon-bg{background:#6366f11f!important;color:#a5b4fc!important;border:1px solid rgba(99,102,241,.25)}.boleto-icon-bg{background:#f59e0b1f!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.25)}.loader-step{align-items:center;justify-content:center;padding:40px 0}.checkout-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.08);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.theme-light .checkout-spinner{border:3px solid rgba(0,0,0,.05);border-top:3px solid var(--primary)}.qr-code-holder{background:#fff;padding:10px;border-radius:12px;display:block;margin:5px auto 15px;width:fit-content}.theme-light .qr-code-holder{box-shadow:0 4px 15px #00000014}.countdown-timer-box{background:#ef444414;color:#ef4444;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto 15px;width:fit-content}.timer-pulse{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}.copia-cola-box{display:flex;flex-direction:column;gap:6px}.copia-cola-group{display:flex;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.copia-cola-group input{flex:1;background:transparent;border:none;padding:10px;color:var(--text-main);font-size:12.5px;outline:none}.copia-cola-group button{background:var(--primary);color:#fff;border:none;padding:0 16px;font-size:12.5px;font-weight:600;cursor:pointer}.polling-status-box{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--text-muted);margin:5px 0 12px}.polling-dot{width:6px;height:6px;background:#eab308;border-radius:50%;position:relative}.polling-dot:after{content:"";position:absolute;top:-3px;left:-3px;width:12px;height:12px;border:1.5px solid #eab308;border-radius:50%;animation:ring-pulse 1.8s infinite ease-out;opacity:0}.virtual-card-wrapper{perspective:1000px;margin:0 auto 20px;width:100%;height:160px;max-width:290px}.virtual-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #00000040;border-radius:12px}.virtual-card.flipped{transform:rotateY(180deg)}.card-side{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.card-front{background:linear-gradient(135deg,#1e1b4b,#311042);border:1px solid rgba(255,255,255,.08);color:#fff}.card-back{background:linear-gradient(135deg,#110e2d,#1e092c);border:1px solid rgba(255,255,255,.08);color:#fff;transform:rotateY(180deg);padding:15px 0}.card-logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:15px;background:linear-gradient(135deg,#fff,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-num-display{font-family:Courier New,Courier,monospace;font-size:16px;letter-spacing:.08em;word-spacing:.1em;margin:10px 0}.card-footer-info .label{display:block;font-size:8px;color:#fff6}.card-footer-info .value{display:block;font-size:11px;font-family:Courier New,Courier,monospace}.card-cvv-strip{background:#ffffff0d;margin:10px 15px;height:30px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;border-radius:4px}.cvv-value{font-family:Courier New,Courier,monospace;font-size:13px;font-weight:700}.success-checkmark-wrapper,.error-cross-wrapper{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-checkmark-wrapper{background:#22c55e14;border:1px solid rgba(34,197,94,.15)}.error-cross-wrapper{background:#ef444414;border:1px solid rgba(239,68,68,.15)}.svg-checkmark,.svg-cross{width:42px;height:42px}.svg-checkmark{stroke:#22c55e;stroke-width:3}.svg-checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke:#22c55e;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.svg-checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards}.success-title,.error-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;margin:10px 0 0}.success-title{color:#22c55e}.error-title{color:#ef4444}.success-subtitle,.error-subtitle{font-size:13.5px;color:var(--text-muted);line-height:1.5;margin:0}.animate-fade{animation:fadeIn .4s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ring-pulse{0%{transform:scale(.6);opacity:0}50%{opacity:.3}to{transform:scale(1.4);opacity:0}}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pro-playground-container{display:grid;grid-template-columns:320px 1fr;gap:30px;max-width:1240px;margin:0 auto;align-items:start;box-sizing:border-box}@media (max-width: 968px){.pro-playground-container{grid-template-columns:1fr;max-width:480px}}.control-panel-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);border-radius:20px;padding:30px;color:#f8fafc;box-shadow:0 10px 30px #0003}.control-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;margin:0 0 8px}.control-subtitle{font-size:12px;color:#94a3b8;line-height:1.5;margin:0 0 25px}.control-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.control-group label{font-size:11px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em}.numeric-input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:6px;color:#fff;font-size:13.5px;outline:none}.btn-toggle-group{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;padding:3px}.btn-toggle-group button{flex:1;background:transparent;border:none;color:#94a3b8;padding:6px 10px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.btn-toggle-group button.active{background:#6366f1;color:#fff}.checkbox-list{display:flex;flex-direction:column;gap:10px;margin-top:5px}.checkbox-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#e2e8f0;cursor:pointer}.checkbox-item input{accent-color:#6366f1;width:15px;height:15px}.mock-product-banner{background:linear-gradient(135deg,#ec489914,#6366f114);border:1px dashed rgba(99,102,241,.25);border-radius:16px;padding:15px 25px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;position:relative;text-align:left}@media (max-width: 768px){.mock-product-banner{flex-direction:column;align-items:flex-start;gap:10px}}.banner-badge{position:absolute;top:-9px;left:20px;background:var(--primary);color:#fff;font-size:8px;font-weight:800;letter-spacing:.1em;padding:3px 8px;border-radius:4px}.banner-content{display:flex;justify-content:space-between;width:100%}.banner-title{font-weight:700;font-size:15px;color:#fff}.banner-price{font-size:14px;color:#94a3b8}.banner-price strong{color:#10b981}.showcase-content-area{display:flex;flex-direction:column;gap:15px}.tabs-header{display:flex;border-bottom:1px solid rgba(255,255,255,.06);gap:10px}.tab-btn{background:transparent;border:none;color:#94a3b8;font-size:14px;font-weight:600;padding:10px 15px;cursor:pointer;position:relative;transition:color .2s}.tab-btn.active{color:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.snippet-container{background:#020617;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 10px 25px #0000004d}.snippet-header{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-family:monospace;color:#94a3b8}.copy-snippet-btn{background:var(--primary);color:#fff;border:none;font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .2s}.copy-snippet-btn:hover{background:var(--primary-hover)}.snippet-pre{margin:0;padding:20px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.5;color:#e2e8f0;text-align:left;overflow-x:auto;max-height:480px}.field-hint{font-size:10px;color:#64748b;margin-top:2px;line-height:1.3}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:20px;box-sizing:border-box}.auth-card{background:#1118278c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;max-width:420px;width:100%;box-shadow:0 20px 50px #0006;text-align:center;box-sizing:border-box}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.auth-logo img{width:64px!important;height:64px!important;border-radius:14px;box-shadow:0 8px 20px #6366f133}.auth-logo h2{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:#94a3b8;font-size:13.5px;line-height:1.6;margin:0 0 25px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form .form-field{display:flex;flex-direction:column;text-align:left}.auth-form label{font-size:11px;text-transform:uppercase;font-weight:700;color:#94a3b8;margin-bottom:8px;letter-spacing:.05em}.auth-form input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;box-sizing:border-box;transition:all .25s ease}.auth-form input:focus{outline:none;border-color:#6366f1;background:#ffffff0d;box-shadow:0 0 0 3px #6366f126}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#11182773;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.dash-branding-link{text-decoration:none;color:inherit;transition:opacity .2s ease}.dash-branding-link:hover{opacity:.9}.dash-branding{display:flex;align-items:center;gap:16px}.dash-branding .dash-logo{width:42px!important;height:42px!important;border-radius:10px;box-shadow:0 4px 12px #6366f126;border:1px solid rgba(255,255,255,.05)}.dash-branding h1{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;margin:0;color:#fff;letter-spacing:-.01em}.dash-badge{font-size:10px;font-weight:700;background:#6366f114;color:#818cf8;border:1px solid rgba(99,102,241,.15);padding:2px 8px;border-radius:8px;margin-top:3px;display:inline-block;text-transform:uppercase}.dash-actions{display:flex;align-items:center;gap:12px}.dash-actions .nav-link{color:#94a3b8;font-size:13.5px;font-weight:600;text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.dash-actions .nav-link:hover{color:#fff;background:#ffffff08;border-color:#ffffff0d}.dash-actions .nav-link.active{color:#fff;background:#6366f11f;border-color:#6366f133}.dash-actions .logout-btn{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease}.dash-actions .logout-btn:hover{background:#ef4444;color:#fff;box-shadow:0 0 12px #ef44444d;border-color:#ef4444}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:stretch;gap:15px;padding:20px}.dash-branding{justify-content:center}.dash-actions{justify-content:center;flex-wrap:wrap}}