body { background-color: #f5f7fa; font-family: 'Segoe UI', sans-serif; }
.card { transition: transform 0.2s; }
.card:hover { transform: translateY(-5px); }
.question-card { border-left: 5px solid #0d6efd; }
.draggable { cursor: grab; background: white; border-radius: 8px; }
.draggable:active { cursor: grabbing; }
.drop-zone { min-height: 60px; border-radius: 8px; transition: 0.2s; }
.feedback { font-size: 0.95rem; margin-top: 8px; }
.is-valid { border-color: #28a745; }
.is-invalid { border-color: #dc3545; }