:root { /* Colors from vcart.me.novo analysis */ --primary: #007bff; --secondary: #0056b3; --accent-purple: #764ba2; --accent-blue: #667eea; --success: #28a745; --text-color: #212529; --bg-light: #f8f9fa; --bg-white: #ffffff; } body { background-color: var(--bg-light); font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: var(--text-color); } /* Gradients */ .bg-gradient { background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%) !important; } .btn-gradient { background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%); border: none; transition: all 0.3s ease; } .btn-gradient:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(118, 75, 162, 0.3); opacity: 0.9; } /* Cards */ .card { border-radius: 15px; border: none; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05); overflow: hidden; } .processor-card { background: white; border-radius: 15px; } /* Accordion Custom */ .accordion-button:not(.collapsed) { background-color: rgba(102, 126, 234, 0.1); color: var(--accent-purple); } .accordion-button:focus { box-shadow: none; border-color: rgba(102, 126, 234, 0.5); } /* Steps */ .step-circle { width: 30px; height: 30px; border-radius: 50%; background: #e9ecef; color: #6c757d; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-weight: bold; } .step.active .step-circle { background: var(--primary); color: white; box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2); } .step.completed .step-circle { background: var(--success); color: white; } /* Mode Selection */ .btn-outline-purple { border: 2px solid var(--accent-purple); color: var(--accent-purple); } .btn-outline-purple:hover, .btn-outline-purple.active { background: var(--accent-purple); color: white; } /* Utilities */ .shadow-soft { box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important; }