* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; background: #2c3e50; color: white; min-height: 100vh; padding: 50px; }
h1 { text-align: center; margin-bottom: 40px; color: #ecf0f1; }
.board { display: flex; gap: 20px; justify-content: center; }
.column { background: #34495e; padding: 20px; border-radius: 10px; width: 300px; min-height: 400px; }
h3 { text-align: center; margin-bottom: 20px; border-bottom: 2px solid #ecf0f1; padding-bottom: 10px; }
.card { background: #ecf0f1; color: #2c3e50; padding: 15px; margin-bottom: 15px; border-radius: 5px; cursor: grab; font-weight: bold; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.card:active { cursor: grabbing; }