body { font-family: system-ui, Arial, sans-serif; margin: 0; background: #0e1116; color: #e6edf3; }
.container { max-width: 360px; margin: 40px auto; text-align: center; padding: 16px; }
h1 { margin: 12px 0 24px; font-weight: 700; font-size: 32px; }
.stats { display: flex; justify-content: space-around; margin-bottom: 32px; padding: 16px; background: rgba(255,255,255,0.05); border-radius: 12px; }
.stats > div { display: flex; flex-direction: column; gap: 4px; }
.stats span { font-size: 28px; font-weight: 700; color: #2f81f7; }
#clickBtn { 
  width: 200px; height: 200px; border-radius: 100px; font-size: 64px; 
  border: none; background: linear-gradient(135deg, #2f81f7, #1e5fbf); 
  color: white; box-shadow: 0 10px 30px rgba(47,129,247,0.5); 
  cursor: pointer; transition: all 0.1s ease;
}
#clickBtn:active { 
  transform: scale(0.95); 
  box-shadow: 0 5px 20px rgba(47,129,247,0.6); 
}
#clickBtn:hover { 
  box-shadow: 0 15px 40px rgba(47,129,247,0.6); 
}