:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#0a0e14,#0f172a,#000);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0e14,#0f172a,#000);background-attachment:fixed}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#1e293b,#334155);color:#ffffffe6;cursor:pointer;transition:all .25s ease;border:1px solid rgba(148,163,184,.3)}button:hover{border-color:#94a3b880;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a66}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary: #000;--color-primary-hover: #333;--color-success: #10b981;--color-success-hover: #059669;--color-error: #ef4444;--color-warning: #f59e0b;--text-primary: #1a1a1a;--text-secondary: #666;--text-muted: #888;--text-placeholder: #a1a1aa;--text-white: #ffffff;--text-white-muted: rgba(255, 255, 255, .7);--bg-white: #ffffff;--bg-gray-light: #f8f8f8;--bg-overlay: rgba(0, 0, 0, .8);--bg-glass: rgba(255, 255, 255, .05);--border-light: #ddd;--border-gray: #e5e7eb;--border-dark: #404040;--border-white-light: rgba(255, 255, 255, .1);--border-white-lighter: rgba(255, 255, 255, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 -8px 32px rgba(0, 0, 0, .3);--transition-fast: .2s ease;--transition-normal: .3s ease;--font-xs: .7rem;--font-sm: .8rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2.1rem}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}.checkout-container{display:flex;flex:1;opacity:0;animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.plan-info-section{flex:0 0 40%;color:#fff;padding:var(--spacing-xl, 2rem) var(--spacing-2xl, 3rem);display:flex;flex-direction:column;justify-content:flex-start;padding-top:4rem}.plan-header h1{font-size:var(--font-3xl, 2.1rem);font-weight:700;margin-bottom:var(--spacing-md, 1rem);color:var(--text-white, #ffffff)}.business-name h2{font-size:var(--font-2xl, 1.5rem);color:#b3b3b3;font-style:italic;margin-bottom:var(--spacing-xl, 2rem)}.plan-details{display:flex;flex-direction:column;gap:var(--spacing-xl, 2rem)}.plan-info h3{font-size:1.2rem;margin-bottom:var(--spacing-lg, 1.5rem);color:var(--text-white, #ffffff)}.plan-features{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xl, 2rem)}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#e6e6e6}.feature-item span:first-child{color:#4ade80;font-weight:700}.total-section{border-top:1px solid var(--border-dark, #404040);padding-top:var(--spacing-lg, 1.5rem)}.total-line{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, .5rem) 0;font-size:var(--font-base, 1rem)}.total-line.total{border-top:1px solid var(--border-dark, #404040);margin-top:var(--spacing-sm, .5rem);padding-top:var(--spacing-md, 1rem);font-weight:700;font-size:1.2rem;color:var(--text-white, #ffffff)}.checkout-form-section{flex:0 0 60%;background:var(--bg-white, #ffffff);padding:var(--spacing-2xl, 3rem);display:flex;flex-direction:column;max-width:500px;margin:0 auto}.form-header{margin-bottom:var(--spacing-xl, 2rem);text-align:left}.form-header h2{font-size:var(--font-2xl, 1.5rem);font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:var(--spacing-sm, .5rem)}.form-header p{color:var(--text-secondary, #666);font-size:.9rem}.installments-info{margin-top:var(--spacing-sm, .5rem);padding-top:var(--spacing-sm, .5rem);border-top:1px solid var(--border-white-light, rgba(255, 255, 255, .1));font-size:.875rem;color:#9ca3af;text-align:center}.installments-info span{font-weight:500}.checkout-form{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.form-group{display:flex;flex-direction:column;gap:.4rem}.label-row{display:flex;justify-content:space-between;align-items:center;min-height:1.2rem}.form-group label{margin-top:3px;font-weight:500;color:var(--text-primary, #333);font-size:.9rem}.form-group input,.form-group select{padding:.575rem;border:1px solid var(--border-light, #ddd);border-radius:var(--radius-sm, 6px);font-size:var(--font-base, 1rem);color:#27272a;background-color:var(--bg-white, #fff);transition:border-color var(--transition-normal, .3s ease);width:100%;min-height:2.5rem}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-group input::placeholder{color:var(--text-placeholder, #a1a1aa)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #000)}.form-group input.error,.form-group select.error{border-color:var(--color-error, #ef4444);background-color:#fef2f2}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.form-group input:disabled::placeholder{color:#d1d5db}.form-group.disabled label{color:#9ca3af}.payment-error-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md, 8px);animation:slideInFromTop .3s ease-out}.payment-error-card .error-icon{color:var(--color-error, #ef4444);flex-shrink:0;margin-top:.1rem}.payment-error-card .error-content{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:.75rem}.payment-error-card .error-text{color:#dc2626;font-size:.875rem;font-weight:500;line-height:1.4;flex:1}.payment-error-card .error-close{background:none;border:none;color:#dc2626;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.payment-error-card .error-close:hover{background-color:#dc26261a}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{color:var(--color-error, #ef4444);font-size:var(--font-xs, .7rem);margin-left:var(--spacing-sm, .5rem);opacity:0;transform:translate(-5px);transition:all var(--transition-normal, .3s ease);pointer-events:none;white-space:nowrap}.error-message.show{opacity:1;transform:translate(0)}.form-row{display:flex;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-sm, .5rem)}.form-row .form-group{flex:1;min-width:0}.terms-card{background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);padding:16px;margin-bottom:var(--spacing-sm, .5rem);transition:border-color var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}.terms-card:hover{border-color:#d1d5db;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.terms-card.error{border-color:var(--color-error, #ef4444);background-color:#fef2f2}.terms-content{display:flex;align-items:center;gap:10px}.terms-checkbox{appearance:none;-webkit-appearance:none;width:36px;height:20px;background-color:#e5e7eb;border-radius:20px;position:relative;cursor:pointer;transition:background-color var(--transition-normal, .3s ease);margin:0;border:none;outline:none;flex-shrink:0}.terms-checkbox:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:var(--bg-white, #ffffff);border-radius:var(--radius-full, 50%);transition:transform var(--transition-normal, .3s ease);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .2))}.terms-checkbox:checked{background-color:#34c759}.terms-checkbox:checked:before{transform:translate(16px)}.terms-card.error .terms-checkbox{background-color:#fecaca}.terms-card.error .terms-checkbox:checked{background-color:#34c759}.terms-label{font-size:.775rem;color:#374151;cursor:pointer}.terms-link{color:var(--color-primary, #000000);text-decoration:underline;font-weight:500}.terms-link:hover{color:#374151}.checkbox-group{flex-direction:row;align-items:flex-start;gap:.75rem}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{font-size:.9rem;line-height:1.4}.checkbox-group a{color:var(--color-primary, #000);text-decoration:underline}.submit-button{background:var(--color-primary, #000);color:#fff;padding:.875rem;border:none;border-radius:var(--radius-sm, 6px);font-size:var(--font-base, 1rem);font-weight:500;cursor:pointer;margin-top:var(--spacing-md, 1rem)}.submit-button:hover:not(:disabled){background:var(--color-primary-hover, #333)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.submit-button.boleto-reopen-button{background:var(--color-success-hover, #059669)}.submit-button.boleto-reopen-button:hover:not(:disabled){background:#047857}.button-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem)}.button-text{font-weight:500}.button-progress{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full, 50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.terms-wrapper{display:flex;flex-direction:column;gap:.5rem}.terms-error{color:var(--color-error, #ef4444);font-size:var(--font-xs, .7rem);margin-left:var(--spacing-sm, .5rem);opacity:1;text-align:right;transform:translate(0);transition:all .2s ease-in-out}.terms-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.terms-content .terms-label{flex:1;order:1}.terms-content .terms-checkbox{order:2;margin-left:0}.payment-options{display:flex;gap:var(--spacing-md, 1rem);margin-top:var(--spacing-sm, .5rem)}.payment-option{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md, 1rem);border:2px solid var(--border-white-light, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);background:#ffffff0d;cursor:pointer;transition:all var(--transition-normal, .3s ease);position:relative}.payment-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-option span{font-size:var(--font-base, 1rem);font-weight:500;color:#e5e7eb;text-align:center}.payment-option:hover{border-color:#3b82f680;background:#3b82f61a;transform:translateY(-2px)}.payment-option.selected{border-color:#3b82f6;background:#3b82f626;box-shadow:0 0 0 1px #3b82f64d}.payment-option.selected span{color:#60a5fa}.payment-info-card{background:var(--bg-gray-light, #f8f8f8);border:1px solid #e5e5e5;border-radius:var(--radius-xl, 16px);padding:var(--spacing-md, 1rem);margin:var(--spacing-md, 1rem) 0}.payment-info-header{margin-bottom:1.25rem;padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid rgba(0,0,0,.1)}.payment-info-header h3{color:#000000e6;font-size:var(--font-base, 1rem);font-weight:600;margin:0;letter-spacing:-.025em}.payment-info-content{display:flex;flex-direction:column}.payment-info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.info-label{color:#0009;font-size:var(--font-xs, .7rem);font-weight:500;letter-spacing:-.025em}.info-value{color:#000000e6;font-size:var(--font-xs, .7rem);font-weight:400;text-align:right}.boleto-info{background:var(--bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--border-white-light, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 1.5rem);margin:var(--spacing-lg, 1.5rem) 0}.boleto-header{margin-bottom:var(--spacing-md, 1rem)}.boleto-header h3{color:var(--text-white, #ffffff);font-size:var(--font-lg, 1.125rem);font-weight:600;margin:0}.boleto-details{display:flex;flex-direction:column;gap:.75rem}.boleto-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, .5rem) 0;border-bottom:1px solid var(--border-white-light, rgba(255, 255, 255, .1))}.boleto-item:last-child{border-bottom:none}.boleto-label{color:var(--text-white-muted, rgba(255, 255, 255, .7));font-size:.875rem;font-weight:500}.boleto-value{color:var(--text-white, #ffffff);font-size:.875rem;font-weight:400;text-align:right}.boleto-success-overlay{position:fixed;inset:0;background:var(--bg-overlay, rgba(0, 0, 0, .8));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md, 1rem)}.boleto-success-modal{background:var(--bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--border-white-light, rgba(255, 255, 255, .1));border-radius:20px;padding:0;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.boleto-success-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--border-white-light, rgba(255, 255, 255, .1))}.boleto-success-header h2{color:#ffffffe6;font-size:var(--font-xl, 1.25rem);font-weight:600;margin:0}.close-button{background:none;border:none;color:#fff9;font-size:var(--font-2xl, 1.5rem);cursor:pointer;padding:var(--spacing-xs, .25rem);border-radius:var(--radius-full, 50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .2s ease)}.close-button:hover{background:#ffffff1a;color:#ffffffe6}.boleto-success-content{padding:var(--spacing-lg, 1.5rem)}.success-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-lg, 1.5rem)}.boleto-info{margin:var(--spacing-lg, 1.5rem) 0}.info-item{margin-bottom:var(--spacing-md, 1rem)}.info-item .label{display:block;color:#fff9;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm, .5rem)}.info-item .value{display:block;color:#ffffffe6;font-size:.95rem;font-weight:400}.barcode-container{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);background:var(--bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--border-white-light, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);padding:.75rem}.copy-success-message{margin-top:var(--spacing-sm, .5rem);color:#10b981;font-size:.875rem;font-weight:500;height:1.25rem;display:flex;align-items:center;gap:.25rem;opacity:0;transform:translateY(-5px);transition:all .3s ease}.copy-success-message.show{opacity:1;transform:translateY(0)}.value.barcode{flex:1;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.copy-button{background:#ffffff1a;border:none;border-radius:var(--radius-sm, 6px);padding:var(--spacing-sm, .5rem);color:#fff9;cursor:pointer;transition:all var(--transition-fast, .2s ease);display:flex;align-items:center;justify-content:center}.copy-button:hover{background:#fff3;color:#ffffffe6}.boleto-actions{display:flex;gap:var(--spacing-md, 1rem);margin:var(--spacing-lg, 1.5rem) 0}.primary-button{flex:1;background:#fff;border:none;border-radius:var(--radius-lg, 12px);padding:.875rem var(--spacing-lg, 1.5rem);color:#000;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .2s ease)}.primary-button:hover{transform:translateY(-1px)}.secondary-button{flex:1;background:#ffffff1a;border-radius:var(--radius-lg, 12px);padding:.875rem var(--spacing-lg, 1.5rem);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .2s ease)}.secondary-button:hover{background:#ffffff26}.boleto-instructions{background:#ffffff08;border-radius:var(--radius-lg, 12px);padding:var(--spacing-md, 1rem);margin-top:var(--spacing-md, 1rem)}.boleto-instructions h3{color:#ffffffe6;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.boleto-instructions ul{margin:0;padding-left:1.25rem}.boleto-instructions li{color:var(--text-white-muted, rgba(255, 255, 255, .7));font-size:.85rem;line-height:1.5;margin-bottom:var(--spacing-sm, .5rem)}.pix-success-overlay{position:fixed;inset:0;background:var(--bg-overlay, rgba(0, 0, 0, .8));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md, 1rem)}.pix-success-modal{background:var(--bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--border-white-light, rgba(255, 255, 255, .1));border-radius:20px;padding:0;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pix-success-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--border-white-light, rgba(255, 255, 255, .1))}.pix-success-header h2{color:#ffffffe6;font-size:var(--font-xl, 1.25rem);font-weight:600;margin:0}.pix-success-content{padding:var(--spacing-lg, 1.5rem)}.pix-info{margin:var(--spacing-lg, 1.5rem) 0}.qr-code-container{margin:var(--spacing-lg, 1.5rem) 0;text-align:center}.qr-code-container h3{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md, 1rem) 0}.qr-code-image{background:#fff;border-radius:var(--radius-lg, 12px);padding:var(--spacing-md, 1rem);display:inline-block;margin-bottom:var(--spacing-md, 1rem)}.qr-code-image img{max-width:200px;width:100%;height:auto;display:block}.qr-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#fff9;font-size:.875rem}.pix-key-container{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);background:var(--bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--border-white-light, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);padding:.75rem}.value.pix-key{flex:1;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.pix-actions{display:flex;gap:var(--spacing-md, 1rem);margin:var(--spacing-lg, 1.5rem) 0;justify-content:center}.pix-instructions{background:#ffffff08;border-radius:var(--radius-lg, 12px);padding:var(--spacing-md, 1rem);margin-top:var(--spacing-md, 1rem)}.pix-instructions h3{color:#ffffffe6;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.pix-instructions ul{margin:0;padding-left:1.25rem}.pix-instructions li{color:var(--text-white-muted, rgba(255, 255, 255, .7));font-size:.85rem;line-height:1.5;margin-bottom:var(--spacing-sm, .5rem)}.submit-button.pix-reopen-button{background:var(--color-success-hover, #059669)}.submit-button.pix-reopen-button:hover:not(:disabled){background:#047857}.loading-state,.error-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center;padding:var(--spacing-xl, 2rem)}.loading-state p{font-size:var(--font-lg, 1.125rem);color:#6b7280;font-weight:500}.error-state p{font-size:var(--font-lg, 1.125rem);color:var(--color-error, #ef4444);font-weight:500;background:#ef44441a;padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);border-radius:var(--radius-md, 8px);border:1px solid rgba(239,68,68,.2)}.loading-skeleton{display:flex;flex:1}.skeleton-plan-info{flex:0 0 40%;padding:var(--spacing-xl, 2rem) var(--spacing-2xl, 3rem);display:flex;flex-direction:column;justify-content:flex-start;padding-top:4rem}.skeleton-checkout-form{flex:0 0 100%;background:var(--bg-white, #ffffff);min-height:100vh;padding:var(--spacing-2xl, 3rem);display:flex;flex-direction:column;max-width:600px;margin:0 auto}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;height:var(--spacing-md, 1rem);margin-bottom:var(--spacing-sm, .5rem)}.skeleton-line.skeleton-title{height:var(--font-3xl, 2.1rem);width:70%;margin-bottom:var(--spacing-md, 1rem);background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%}.skeleton-line.skeleton-subtitle{height:var(--font-2xl, 1.5rem);width:60%;margin-bottom:var(--spacing-xl, 2rem);background:linear-gradient(90deg,#ffffff14 25%,#ffffff26,#ffffff14 75%);background-size:200% 100%}.skeleton-line.skeleton-text{height:.95rem;background:linear-gradient(90deg,#ffffff14 25%,#ffffff26,#ffffff14 75%);width:85%}.skeleton-line.skeleton-price{height:var(--spacing-md, 1rem);width:20%}.skeleton-line.skeleton-label{height:.9rem;width:40%;margin-bottom:.4rem}.skeleton-line.skeleton-field{height:2.5rem;width:100%;border-radius:var(--radius-sm, 6px)}.skeleton-features{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xl, 2rem)}.skeleton-feature{display:flex;align-items:center;gap:.75rem}.skeleton-total-section{border-top:1px solid var(--border-dark, #404040);padding-top:var(--spacing-lg, 1.5rem)}.skeleton-total-line{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, .5rem) 0}.skeleton-form-header{margin-bottom:var(--spacing-xl, 2rem)}.skeleton-form{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.skeleton-input{display:flex;flex-direction:column;gap:.4rem}.skeleton-input.skeleton-half{flex:1}.skeleton-form-row{display:flex;gap:var(--spacing-md, 1rem)}.skeleton-terms{display:flex;align-items:center;gap:10px;background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);padding:16px;margin-bottom:var(--spacing-sm, .5rem)}.skeleton-checkbox{width:36px;height:20px;border-radius:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;flex-shrink:0}.skeleton-button{height:3rem;border-radius:var(--radius-sm, 6px);margin-top:var(--spacing-md, 1rem);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.success-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;padding:2rem;text-align:center;animation:successSlideIn .4s ease-out}@keyframes successSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-header{margin-bottom:1.5rem}.success-icon{margin:0 auto 1rem;width:64px;height:64px}.success-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.success-header p{color:#6b7280;font-size:.875rem;margin:0}.success-details{background:#f9fafb;border-radius:8px;padding:1rem;margin:1.5rem 0;text-align:left}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.detail-item:not(:last-child){border-bottom:1px solid #e5e7eb}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:.775rem;color:#1f2937;font-weight:600;font-family:JetBrains Mono,Courier New,monospace}.success-message{margin:1.5rem 0}.success-message p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.success-button{width:100%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.success-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.success-button:active{transform:translateY(0)}@media (max-width: 768px){.success-container{padding:1.5rem;border-radius:12px}.success-header h2{font-size:1.25rem}}.home-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.home-content{text-align:center;max-width:600px;padding:3rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-logo{margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.home-logo img{max-width:200px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.home-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1.5rem;line-height:1.2}.home-description{font-size:1.1rem;color:#ffffffe6;margin:0 0 2rem;line-height:1.6}.home-button{display:inline-block;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:#fff!important;background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:50px;cursor:pointer;text-decoration:none!important;transition:all .3s ease;box-shadow:0 4px 15px #1976d24d}.home-button:link,.home-button:visited{color:#fff!important;text-decoration:none!important}.home-button:hover{color:#fff!important;background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-2px)}.home-button:active{color:#fff!important;transform:translateY(0)}.home-help{font-size:.9rem;color:#ffffffb3;margin:2rem 0 0;line-height:1.6}@media (max-width: 768px){.home-content{padding:2rem 1.5rem;margin:0 .9rem}.home-logo img{max-width:150px}.home-title{font-size:1.5rem}.home-description{font-size:.9rem}.home-button{padding:.875rem 2rem;font-size:.9rem}}@media (min-width: 992px){.app-container{max-width:80%;margin:0 auto}.checkout-container{max-width:1000px;margin:0 auto;justify-content:center}.plan-info-section{flex:0 0 100%;max-width:500px;margin:0}.checkout-form-section{flex:0 0 100%;margin:0}.header-content,.footer-content{max-width:1000px;margin:0 auto}.loading-skeleton{max-width:1000px;margin:0 auto;justify-content:center}.skeleton-plan-info{flex:0 0 50%;max-width:500px;margin:0}.skeleton-checkout-form{flex:0 0 60%;max-width:500px;margin:0}}@media (max-width: 768px){.checkout-container{flex-direction:column}.plan-info-section,.checkout-form-section{flex:none;width:100%;padding:var(--spacing-xl, 2rem)}.checkout-form-section{max-width:none}.form-row{flex-direction:column;gap:var(--spacing-lg, 1.5rem)}.terms-content{gap:5px}.terms-checkbox{width:32px;height:18px}.terms-checkbox:before{width:14px;height:14px}.terms-checkbox:checked:before{transform:translate(14px)}.footer-content{flex-direction:column;gap:.75rem;text-align:center}.footer-links{gap:var(--spacing-md, 1rem)}.payment-options{flex-direction:column;gap:.75rem}.payment-option{padding:.875rem}.payment-option span{font-size:.95rem}.payment-info-card{padding:1.25rem;margin:var(--spacing-sm, .5rem) 0}.payment-info-header h3{font-size:.95rem}.payment-info-item{padding:var(--spacing-sm, .5rem) 0;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, .25rem)}.info-label,.info-value{font-size:var(--font-sm, .8rem)}.info-value{text-align:left}.boleto-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, .25rem)}.boleto-value{text-align:left}.boleto-success-modal{margin:var(--spacing-md, 1rem);max-width:none}.boleto-actions{flex-direction:column}.value.barcode{font-size:.75rem}.loading-skeleton{flex-direction:column}.skeleton-plan-info,.skeleton-checkout-form{flex:none;width:100%;padding:var(--spacing-xl, 2rem)}.skeleton-checkout-form{max-width:none}.skeleton-form-row{flex-direction:column;gap:var(--spacing-md, 1rem)}.skeleton-checkbox{width:32px;height:18px}}