body {
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            min-height: 100vh;
            font-family: 'Segoe UI', Arial, sans-serif;
        }

        .todo-card {
            box-shadow: 0 4px 24px 0 rgba(34, 34, 34, 0.12);
            border-radius: 1rem;
        }

        .todo-title {
            font-weight: 700;
            letter-spacing: 1px;
            color: #2575fc;
        }

        .form-control:focus {
            border-color: #2575fc;
            box-shadow: 0 0 0 0.2rem rgba(37, 117, 252, .15);
        }

        .todo-list-item {
            transition: background 0.2s;
        }

        .todo-list-item:hover {
            background: #f1f8ff;
        }