.section-title {
        position: relative;
        padding-bottom: 0.75rem;
    }

    .section-title::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 4rem;
        height: 3px;
        background: linear-gradient(45deg, #7c3aed, #0ea5e9);
        border-radius: 2px;
    }

    .info-box {
        background: linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(14, 165, 233, 0.05));
        border: 1px solid rgba(124, 58, 237, 0.2);
        position: relative;
        overflow: hidden;
    }

    .info-box::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #7c3aed, #0ea5e9);
    }

    .alert-box {
        border-left: 4px solid;
        animation: slideIn 0.3s ease;
    }

    .alert-success {
        background-color: rgba(16, 185, 129, 0.1);
        border-color: #10b981;
    }

    .alert-warning {
        background-color: rgba(245, 158, 11, 0.1);
        border-color: #f59e0b;
    }

    .alert-info {
        background-color: rgba(14, 165, 233, 0.1);
        border-color: #0ea5e9;
    }

    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .btn-gradient {
        background: linear-gradient(45deg, #7c3aed, #4f46e5);
        color: white;
        transition: all 0.3s ease;
    }

    .btn-gradient:hover {
        background: linear-gradient(45deg, #6d28d9, #4338ca);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
        color: white;
    }

    @media (max-width: 640px) {
        h1 { font-size: 2rem !important; }
        h2 { font-size: 1.5rem !important; }
        .p-8 { padding: 1.5rem; }
    }