.container { max-width: 1200px; margin: 0 auto; } .heading { background-image: linear-gradient(45deg, #00B894, #56a0f0); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-size: 3.5em !important; font-weight: bold; } .primary-button { background: linear-gradient(90deg, #00B894, #56a0f0) !important; border: none !important; box-shadow: 0 4px 15px rgba(0, 184, 148, 0.2) !important; } .primary-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 184, 148, 0.3) !important; } .results-container { text-align: center; display: flex; justify-content: center; align-items: center; background: rgba(0, 184, 148, 0.1); border-radius: 10px; padding: 20px; } .confidence-high { text-align: center; display: flex; justify-content: center; align-items: center; color: #00B894 !important; font-weight: bold; } .confidence-medium { text-align: center; display: flex; justify-content: center; align-items: center; color: #FFA502 !important; font-weight: bold; } .confidence-low { text-align: center; display: flex; justify-content: center; align-items: center; color: #FF4757 !important; font-weight: bold; } .diagnosis-text { font-size: 16px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; border: None; background-color: #2f3640; color: #f5f6fa; } .image-controls { background: rgba(9, 132, 227, 0.1); border-radius: 8px; padding: 15px; margin-top: 10px; } .accordion { border: none !important; box-shadow: none !important; } .accordion:hover { background: rgba(255, 255, 255, 0.05) !important; } [data-testid="image"] { border: 2px ridge #00B894; border-radius: 10px; transition: all 0.3s ease; } [data-testid="image"]:hover { border-color: #56a0f0; box-shadow: 0 0 10px rgba(9, 132, 227, 0.3); }