/* General Styles */
body { font-family: 'Poppins', sans-serif; margin:0; padding:0; background:#f4f4f4; color:#333;}
header { display:flex; justify-content: space-between; align-items: center; padding: 20px; background:#222; color:#fff;}
header h1 { margin:0; }
input { padding: 8px 12px; border-radius:5px; border:none; font-size:16px;}
main { padding: 20px;}
h2 { margin-top:0;}

/* Coins Container */
#coins-container { display:flex; flex-wrap: wrap; gap: 15px; margin-top: 10px;}
.coin-card { background:#fff; padding:15px; border-radius:8px; width:150px; box-shadow:0 2px 8px rgba(0,0,0,0.1); cursor:pointer;}
.coin-card:hover { transform: scale(1.05); transition:0.3s;}
.coin-card h3 { margin:0 0 5px 0; font-size:16px;}
.coin-card p { margin:2px 0; font-size:14px; }

/* Chart Section */
#chart-section { margin-top:30px; background:#fff; padding:15px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
canvas { width:100%; max-width:100%; height:400px; }

/* Footer */
footer { text-align:center; padding:10px; background:#222; color:#fff; margin-top:20px;}